如何设置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: "" }