AngularUI Bootstrap Datepicker日期取消选择

Question

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

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

我想让用户再次点击相同的日期取消选择当前选择的日期。

EG。用户点击2015年5月29日，相应的磁贴突出显示，并使用该值更新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;
};