如何在 angularjs 中设置 Gillardo/bootstrap-ui-datetime-picker 的全局配置

Question

我在我的应用程序中使用 Gillardo bootstrap-ui-datetime-picker 我想覆盖一些默认设置（想删除 buttonBar）。为此我使用了以下代码这并不能解决我的问题（代码来自库文档 uiDatetimePickerConfig Documentation）。我也搜索过，但没有找到任何帮助。

注意：库工作正常只是我想删除 buttonBar

任何建议。

此处 html 显示 datetimepicker

<p class="input-group">
                          <input type="text" class="form-control ng-valid ng-isolate-scope ng-valid-datetime ng-dirty ng-touched ng-not-empty"
                                               datetime-picker="HH:mm" ng-model="range.endTime"
                                               is-open="range.dEndTime" enable-date="false" 
                                               readonly>
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default" ng-click="controller.openCalendar($event,range,2)"><i class="fa fa-clock-o"></i></button>
                                        </span>

                                    </p>

Library

库注入

var myAdminApp = new FHCommon.Module("FHAdminApp", ["daterangepicker", "ui.bootstrap", "ui.bootstrap.datetimepicker"]); //some injection have removed where are not relevant

配置

 myAdminApp.config(($stateProvider, $urlRouterProvider) => {

    $urlRouterProvider.otherwise("/login");

    myAdminApp.constant('uiDatetimePickerConfig',
    {
        dateFormat: 'yyyy-MM-dd HH:mm',
        defaultTime: '00:00:00',
        html5Types: {
            date: 'yyyy-MM-dd',
            'datetime-local': 'yyyy-MM-ddTHH:mm:ss.sss',
            'month': 'yyyy-MM'
        },
        initialPicker: 'date',
        reOpenDefault: false,
        enableDate: true,
        enableTime: true,
        //buttonBar: {
        //    show: true,
        //    now: {
        //        show: true,
        //        text: 'Now'
        //    },
        //    date: {
        //        show: true,
        //        text: 'Date'
        //    },
        //    time: {
        //        show: true,
        //        text: 'Time'
        //    },
        //    close: {
        //        show: true,
        //        text: 'Close'
        //    }
        //},
        closeOnDateSelection: true,
        closeOnTimeNow: true,
        appendToBody: false,
        altInputFormats: [],
        ngModelOptions: {},
        saveAs: false,
        readAs: false,
    });

//other code

    }

Answer 1

花了很长时间才找到一种方法，但这不是全局的。刚刚在输入元素中添加了这一行 button-bar="{{false}}"。

代码

<p class="input-group">
                                        <input type="text" class="form-control ng-valid ng-isolate-scope ng-valid-datetime ng-dirty ng-touched ng-not-empty"
                                               datetime-picker="HH:mm" ng-model="range.endTime"
                                               is-open="range.dEndTime" enable-date="false" 
                                               button-bar="{{false}}" readonly>
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default" ng-click="controller.openCalendar($event,range,2)"><i class="fa fa-clock-o"></i></button>
                                        </span>

                                    </p>

如何在 angularjs 中设置 Gillardo/bootstrap-ui-datetime-picker 的全局配置

How to set global configuration of Gillardo/bootstrap-ui-datetime-picker in angularjs

angularjs

typescript

bootstrap-datetimepicker