如何設置Angular UI Bootstrap Datepicker默認設置空字段？

Question

我正在使用Angular UI Bootstrap Datepicker進行日期選擇。我的挑戰是默認情況下將日期選擇器的輸入字段設置爲空字段。

讓我告訴你我用過的輸入字段。

<td> 
    <div> 
    <input class="form-control" type="text" datepicker-popup="dd/MM/yyyy" id='txtDate' ng-model="personalDetail.date" is-open="personalDetail.isOpen" close-text="Close" ng-click="open($event, personalDetail)" name="datefilter" value="" /> 

    </div> 
</td> 

而且我的腳本

$scope.personalDetails.forEach(function(personalDetail){ 
    personalDetail.date = new Date(personalDetail.date); 
    }); 

    $scope.open = function($event, personalDetail) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 

    personalDetail.isOpen = true; 
    }; 

我在NG-重複HTML表使用它。但我需要的是顯示日期字段爲空，直到我設置相應的日期。請從這裏幫助我。

Answer 1

<td> 
    <div> 
    <input class="form-control" type="text" datepicker-popup="dd/MM/yyyy" id='txtDate' ng-model="personalDetail.date" is-open="personalDetail.isOpen" close-text="Close" ng-click="open($event, personalDetail)" name="datefilter" value="" /> 

    </div> 
</td> 

你的控制器應

$scope.personalDetails.forEach(function(personalDetail){ 
    //personalDetail.date = new Date(personalDetail.date);//sets the value to the control 
    personalDetail.date = !personalDetail.date || new Date(personalDetail.date).toISOString() == new Date('1/1/1900').toISOString() 
     ? '' // Date is null, undeclared, or default value 
     : new Date(personalDetail.date); 
    }); 

    $scope.open = function($event, personalDetail) { 
    $event.preventDefault(); 
    $event.stopPropagation(); 

    personalDetail.isOpen = true; 
    }; 

Answer 2

變化從

personalDetail.date = new Date(personalDetail.date);

到

personalDetail.date = ""; 

像$scope.personalDetail={ date: "" }