正在重写的AngularJS -日期范围选择器- ng模型

Question

我试图使用角自举器，但是每个实例都重写ng模型，使其具有文本性。

这是非常简单的代码：

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

就像他们提供这里的第四个例子一样。

在重写对象时，我的意思是：

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

它变成了文本：

 11/11/2015 - 12/14/2015 

这是一个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

我也陷入了同样的问题。我认为它是由更新输入值的机制引起的，它可能已经在daterangepicker的最新版本中进行了更改(我使用了v2.1.17，而演示使用的是1.3.17)。新的daterangepicker有一个选项autoUpdateInput，在指令配置代码(https://github.com/luisfarzati/ng-bs-daterangepicker/blob/master/src/ng-bs-daterangepicker.js)中将其设置为false可能会有所帮助：

//...
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));
}
//...

它有助于不正确的模型绑定，但是呈现仍然存在一个错误--初始开始/结束日期没有呈现(输入为空白)。因此，总的来说，似乎有人只需要将ng-bs-daterangepicker移动到最新版本的daterangepicker。

Answer 2

尝试使用这个轻量级纯AngularJS DateRangePicker (没有jQuery)。https://github.com/tawani/taDateRangePicker