2014-06-10 1 views
0

저는 AngularJS ui 날짜를 사용하고 있습니다. 아래는 html & js 코드 : - 사용자가 생년월일을 선택하면 편집AngularJS - ui 날짜 삭제 값

<input id="dob" name="dob" ui-date="dateOptions" class="form-control" ui-date-format="dd-MM-yy" ng-model="user.dob" ng-required="true" readonly> 

$scope.dateOptions = { 
     startingDay: 1, 
     changeMonth: true, 
     changeYear: true, 
     showAnim: "clip", 
     clearBtn: true 
    }; 

이 날짜 선택기로하지 않는, 어떻게 내가 값을 취소 할 수 있습니까?

나는 clearBtn을 시도했지만 작동하지 않았습니다.

+0

'document.test.dob.value = ""'여기서'test'가 양식 이름이됩니다. –

답변

0

이전에 ui-date를 사용하지 않았지만 정상적으로 작동합니다. 바인드 및 변경 이벤트를 추가하십시오. 그런 다음 바운드 변수를 지 웁니다.

<input id="dob" name="dob" ng-change="selectChoice()" ui-date="dateOptions" class="form-control" ui-date-format="dd-MM-yy" ng-model="user.dob" data-ng-bind="user.dob" ng-required="true" readonly> 

$scope.user.dob = '';//you can set the date on start using this 

$scope.dateOptions = { 
     startingDay: 1, 
     changeMonth: true, 
     changeYear: true, 
     showAnim: "clip", 
     clearBtn: true 
    }; 

$scope.selectChoice = { 
     alert($scope.user.dob); 
//ok now clear it 
$scope.user.dob = ''; 
    };