AngularUI Bootstrap Datepicker 날짜 선택 해제

Question

아래와 같이 날짜 선택에 UI-Bootstrap Datepicker 인라인을 사용하고 있습니다.

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

동일한 날짜를 다시 클릭하여 현재 선택한 날짜의 선택을 취소 할 수있게하려고합니다.

예 : 사용자가 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; 
};