单击Angular中的日期重置按钮，将值重置为原始值？

Question

我正在处理一个页面，该页面要求在点击重置按钮时将日期重置为原始值但是一旦在日期字段中输入值并尝试重置它就会保留日期值并且不会重置回占位符value.Here是代码

 <div class="filterPanel">
    <span class="filterPanelHeader">Payment Date</span>
        <input type="date" data-datepicker="{theme: 'flat'}"
         data-role="date" id="paymentDateFrom"
         name="paymentDateFrom" ng-model="paymentFromDate"
         placeholder="From Date" />                             
 </div>

我正在使用重置按钮

<div class="col-xs-5 col-sm-5 col-md-6">
  <button type="button" class="btn btn-danger" ng-click="reset()">
     <span class="icon-ico_redo_rnd_lg  icon-ico_redo_rnd_sm"></span>Reset                                      
  </button>
</div>

以下是我用于重置（）的javascript。

$scope.reset = function() {
        $scope.setFilterData();
        $scope.resetDates();
        $scope.submitFilter();
        console.log($scope.filterData);
        console.log($scope.invoiceFromDate);
    }

$scope.resetDates=function() {
        console.log($scope.invoiceFromDate);
        $scope.filterForm.$setPristine();
        $scope.filterForm.$setUntouched();
        console.log($scope.invoiceFromDate);
        $scope.invoiceFromDate=null;        
    }

我想将paymentDateFrom的值设置为占位符值，该怎么做？