如何設置Gillardo的全局配置/引導，UI的日期時間選取器在angularjs

我使用Gillardo引導-UI-日期時間選取器在我的應用程序，我想覆蓋某些默認設置（想要刪除按鈕欄）。對於我已經使用下面的代碼不能解決我的問題（代碼從庫文檔uiDatetimePickerConfig Documentation）。我也搜查過，但沒有找到任何幫助。如何設置Gillardo的全局配置/引導，UI的日期時間選取器在angularjs

注：圖書館工作正常，只是我想刪除按鈕欄

任何建議。（如圖所示）的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

圖書館

這裏HTML注入

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 

    }

來源

2016-11-02 Usman lqbal

，所以我想你試過設置'show'參數'FALSE'之前評論的一切嗎？ –

@VassilisPits我找到了解決方案並在答案中解釋。 –

經過很長時間才發現了一種方式，但這不是一個globall。只是在輸入元素中添加了這一行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>

來源

2016-11-02 14:37:08

如何設置Gillardo的全局配置/引導，UI的日期時間選取器在angularjs

回答

相關問題