AngularUI Bootstrap Datepicker 日期取消选择

AngularUI Bootstrap Datepicker date deselection

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

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

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

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

有什么想法吗？

估计不修改datepicker的原始源码是不行的。 它必须检查该字段是否已经具有选定的值，如果是，则将其清除。这会使代码复杂化，但没有明显的好处。

我会添加清除按钮。

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

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