無法更改角JS的ng模型中的日期格式？

在我的網絡應用程序中，我使用ng-repeat來顯示某些客戶的數據。在該列表中，每個客戶都有DOB字段。如果他們想更改DOB，那麼他們可以使用日期選擇器進行更改。我給日期格式爲yyyy/MM/dd。雖然最初顯示的數據是使用$filter來格式化日期，但如果用戶再次更改日期，則無法對其進行格式化。以下是我的代碼，請檢查。無法更改角JS的ng模型中的日期格式？

HTML

<div ng-repeat="panellist in panelistDataList | filter: headerObj.search | SortListOrderByDate:'Date':true track by panellist.PanellistID"> 
     <input type="text" name="DOB" class="transparent-textbox" required ng-model="panellist.DOB" ng-click="showCalender()"/> 
     <span class="leftPadding"> 
      <i class="fa fa-calendar fa-1" ng-click="showCalender()"></i> 
     </span> 
     <div class="DOBPicker picker"> 
      <div class="datepickermodal"> 
       <time-date-picker ng-model="panellist.DOB" toggle-calendar="toggleCal(newFoo)" ng-style="{display: (calendar.showStart == true ? 'block' : 'none')}" max-date="calendar.toDay" start-date="calendar.toDay"></time-date-picker> 
      </div> 
     </div> 
</div>

我試圖做這樣的ng-model="panellist.DOB | date : 'yyyy/MM/dd'" 這是工作，但在控制檯它顯示的錯誤，這是不正確的格式。

來源

2017-01-27 Kishan

創建plunker您的問題 – Sajeetharan

在你的控制器，你可以

$scope.panellist.DOB = new Date($scope.panellist.DOB)

使它日期

來源

2017-01-27 07:10:15

無法更改角JS的ng模型中的日期格式？

回答

相關問題