Как установить глобальную конфигурацию Gillardo/bootstrap-ui-datetime-picker в angularjs

Question

Я использую Gillardo bootstrap-ui-datetime-picker в своем приложении, и я хотел переопределить некоторые настройки по умолчанию (хотел удалить buttonBar) .For что я использовал следующий код, который не решает мою проблему (код получить из документации библиотеки 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 

Config

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>