AngularUI Bootstrap Datepicker date deselection

Question

Я использую inline для ввода даты UI-Bootstrap Datepicker, как показано ниже.

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

Я бы хотел, чтобы пользователь мог отменить выбор текущей даты, щелкнув эту же дату еще раз.

Например. пользователь нажимает 29 мая 2015 года, соответствующая плитка подсвечивается и 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; 
};