如何以角度形式更改Angular UI Datepicker模型值格式？

Question

這裏是角UI日期選擇器的默認格式formly

{ 
    "date": "2015-10-05T18:30:00.000Z" 
    } 

如何改變上述格式轉換成

{ 
    "date": "2015/10/05" 
    } 

這裏是JSBIN：http://jsbin.com/cadaga/2/edit?html,js,output

Answer 1

通常，在你的模型按照您已有的ISO格式存儲日期，然後使用date篩選器（documentation）：

<div>{{vm.model.date | date: 'yyyy/MM/dd'}}</div> 

如果你無論如何要更改格式模型，注入$filter和使用date過濾器類似如下：

$filter('date')(date_value, format, timezone)

如：

$filter('date')(vm.model.date, 'yyyy/MM/dd'); 

或者，如果你操縱日期很多，一個天秤座像moment.js可以是有用的。

---

編輯：注意到你想在角formly用日期選擇器組件的具體語境更改日期模型值。 組件需要的時間模型值是在一個標準格式，但你可以做的是與相應的格式化的日期另一個屬性，你會設置上的日期輸入的變化：

HTML（在日期選擇器input）：

ng-change="vm.setFormattedDate(dt)" 

控制器：

vm.setFormattedDate = function (datetime) { 
    vm.model.formattedDate = $filter('date')(datetime, 'yyyy/MM/dd'); 
}