So legen Sie die globale Konfiguration von Gillardo/bootstrap-ui-datetime-picker in angularjs fest

Question

Ich benutze Gillardo Bootstrap-UI-Datetime-Picker in meiner Anwendung und ich wollte einige Standardeinstellungen überschreiben (wollte ButtonBar entfernen) .For dass ich den folgenden Code benutzt habe, der mein Problem nicht löst (Code erhalten von der Bibliotheksdokumentation uiDatetimePickerConfig Documentation). Ich habe auch gesucht, aber keine Hilfe gefunden.

Hinweis: Bibliothek funktioniert gut nur i buttonbar

Jeder Vorschlag entfernen wollte.

Hier html gezeigt, wo Datetime

<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

Bibliothek injiziert

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

Nach langer Zeit haben wir gerade einen Weg gefunden, aber das ist kein Globall. Fügen Sie diese Zeile button-bar="{{false}}" im Eingabeelement hinzu.

-Code

<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>