Angularjs 无法更改angular JS的ng模型中的日期格式?

Angularjs 无法更改angular JS的ng模型中的日期格式?,angularjs,Angularjs,在我的web应用程序中,我使用ng repeat显示一些客户的数据。在该列表中,每个客户都有DOB字段。如果他们想更改DOB,则可以使用日期选择器进行更改。我将日期格式设置为yyyy/MM/dd。最初显示数据时,我使用$filter设置日期格式,但如果用户再次更改日期,我将无法设置日期格式。下面是我的代码,请检查 html <div ng-repeat="panellist in panelistDataList | filter: headerObj.search | SortListO

在我的web应用程序中,我使用ng repeat显示一些客户的数据。在该列表中,每个客户都有DOB字段。如果他们想更改DOB,则可以使用日期选择器进行更改。我将日期格式设置为yyyy/MM/dd。最初显示数据时,我使用
$filter
设置日期格式,但如果用户再次更改日期,我将无法设置日期格式。下面是我的代码,请检查

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'

它正在工作,但在控制台中显示错误,显示格式不正确。

在控制器中,您可以

$scope.panellist.DOB=新日期($scope.panellist.DOB)


要使其成为最新版本,请为您的问题创建一个plunker