ui-bootstrap datetime-picker определяет шоу-меридиан в ложь - PullRequest
Новая
       11

ui-bootstrap datetime-picker определяет шоу-меридиан в ложь

0 голосов
/ 12 октября 2018

Я использую ui-bootstrap-datetime-picker с angularJS.И я хотел бы знать, возможно ли установить параметры показа меридиана для средства выбора времени непосредственно внутри timepickerOptions? 

  ...  
  <input type="text" class="form-control" 
       datetime-picker="MM/dd/yyyy HH:mm"
       timepickerOptions="{'show-meridian': 'false'}"
       ng-model="ctrl.date.value" 
       is-open="ctrl.date.showFlag"/>
  <span class="input-group-btn"></span>
...

Это plnkr, которые иллюстрируют проблему.

1 Ответ

0 голосов
/ 14 октября 2018

Основная причина проблемы - неправильный стиль именования.Чтобы ваш код работал, вы должны изменить верблюжий регистр на тире: timepicker-options вместо timepickerOptions (см. Мой раздвоенный поршень ): 

<input type="text" class="form-control" 
   datetime-picker="MM/dd/yyyy HH:mm"
   timepicker-options="{'show-meridian': false}"
   ng-model="ctrl.date.value" 
   is-open="ctrl.date.showFlag"/>

КлючДело в том, что процесс нормализации выполняется AngularJS.Поскольку HTML не чувствителен к регистру, AngularJS не может преобразовать атрибут HTML с именем timepickerOptions в переменную области видимости timepickerOptions - потому что timepickerOptions в HTML воспринимается AngularJS точно так же, как timepickeroptions;так что у него нет шансов определить, как нормализовать это имя.Таким образом, вы всегда должны использовать -, _ или : для разделения различных слов в имени директивы при использовании HTML.

...