AngularJS - модель выбора диапазона даты - ng переопределяется

Question

Im пытается использовать Angular Bootstrap Daterange Picker, но каждый экземпляр переопределяет модель ng как текстовую.

Это очень простой код:

<input class="input-filter form-control" type="daterange" ng-model="test" ranges="ranges" /> 
{{test}} 

Точно так же как 4-го, например, что они обеспечивают HERE.

Переопределелив, я имею в виду, что от объекта:

{"startDate":"2015-11-28T22:00:00.000Z","endDate":"2015-11-28T22:00:00.000Z"} 

Он обращается к тексту:

11/11/2015 - 12/14/2015 

THIS является 10 секунд видео показывает эту проблему. (Надеюсь, что это помогает)

И эти вещи я загружаю:

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.11/daterangepicker.js https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.13/daterangepicker.min.css https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.13/moment.min.js http://luisfarzati.github.io/ng-bs-daterangepicker/ng-bs-daterangepicker.js

Answer 1

Попробуйте использовать этот легкий чистый AngularJS DateRangePicker (не JQuery). https://github.com/tawani/taDateRangePicker

Answer 2

Я попадаю в ту же проблему. Я думаю, что это вызвано механизмом обновления входного значения, вероятно, оно было изменено в последней версии daterangepicker (я использовал v2.1.17, в то время как демо работает с 1.3.17). Новый daterangepicker имеет возможность autoUpdateInput, это может быть полезно, чтобы установить его в ложный в коде конфигурации директивы (https://github.com/luisfarzati/ng-bs-daterangepicker/blob/master/src/ng-bs-daterangepicker.js):

//... 
options.locale = $attributes.locale && $parse($attributes.locale)($scope); 
options.opens = $attributes.opens || $parse($attributes.opens)($scope); 

options.autoUpdateInput = false; // Changed row 

if ($attributes.enabletimepicker) { 
    options.timePicker = true; 
    angular.extend(options, $parse($attributes.enabletimepicker)($scope)); 
} 
//... 

Это помогает связыванию неправильно модели, но есть еще ошибка с оказанием - начальный запуск/end не отображаются (ввод пуст). В общем, похоже, кому-то просто нужно переместить ng-bs-daterangepicker в последнюю версию daterangepicker.