javascript - AngularUI Bootstrap Datepicker 日期取消选择

Question

我正在使用UI-Bootstrap Datepicker内联日期选择，如下所示。

<datepicker ng-model="profile.available_from" show-weeks="true"></datepicker>

我想让用户通过再次单击同一日期来取消选择当前选定的日期。

例如。用户点击 2015 年 5 月 29 日，相应的图 block 会突出显示，并且 profile.available_from 会使用该值进行更新。如果用户现在再次单击同一日期，则应删除选择突出显示，并将 profile.available_from 设置为 undefined/null。

有什么想法吗？

Answer 1

我想如果不修改datepicker的原始源代码这是不可能的。 它必须检查该字段是否已经具有选定的值，如果是，则清除它。这会使代码变得复杂，而且没有明显的好处。

我会添加清除按钮。

示例代码(取自 http://angular-ui.github.io/bootstrap/#/datepicker )

$scope.clear = function () {
  $scope.profile.available_from = null;
};