2017-01-11 1 views
0

Я использую Angular Moment Picker в моем проекте. Когда дело доходит до страницы редактирования, значение ng-модели должно быть перезаписано данными из API, но в противном случае значения не будут заменяться на модемную ng-модель, а не связывать значение ng-model с неопределенным. Если я удаляю сборщик моментов, он работает. Ниже приведена демоверсия для моей ситуации.Угловой Moment Picker не перезаписывает значение ng-модели

JSFiddle

Посмотреть

<input name="time_of_time" 
    class="form-control" 
    placeholder="Select a time" 
    ng-model="scheduler.timeOfTime" 
    ng-model-options="{updateOn: 'blur'}" 
    moment-picker="scheduler.timeOfTime" //Working if remove this line 
    format="HH:mm"> 

Контроллер

myApp.controller('HomeCtrl', function ($scope) { 
    $scope.scheduler = {}; 

    $scope.scheduler.timeOfTime = '11:10'; 

    console.log($scope.scheduler); 

ответ

2

У меня была та же проблема.

Этот комментарий поможет мне. https://github.com/indrimuska/angular-moment-picker/issues/92#issuecomment-263669991

От ссылки. Есть два способа сделать это. 1. Используя отформатированную дату строки приходя из момента-подборщика атрибут

<input moment-picker="ctrl.formattedDate" 
     ng-model="ctrl.momentDate" 
     ng-model-options="{ updateOn: 'blur' }" 
     format="DD MMM YYYY" 
     start-view="month"> 

<!-- Use `ctrl.formattedDate` anywhere --> 
Formatted date: {{ ctrl.formattedDate }} 

2. Получения отформатированные даты с помощью Moment.js объекта параметра удалить из момента-подборщик

<input moment-picker 
     ng-model="ctrl.momentDate" 
     ng-model-options="{ updateOn: 'blur' }" 
     format="DD MMM YYYY" 
     start-view="month" 
     change="ctrl.setFormattedDate(newValue)"> 

<!-- Use `ctrl.formattedDate` anywhere --> 
Formatted date: {{ ctrl.formattedDate }} 

И в контроллере

ctrl.setFormattedDate = function (momentDate) { 
    // do you stuff.. and 
    ctrl.formattedDate = momentDate.format('DD MMM YYYY'); 
}; 

я в конечном итоге пойти с методом 2. Hope эта помощь.

+0

Возможно, вы также захотите прочитать эту проблему. https://github.com/indrimuska/angular-moment-picker/issues/95 – Geeroz

Смежные вопросы