AngularJS和輸入類型=日期，如何格式化模型數據？

Question

我有以下這我試圖通過範圍的數據來填充表單輸入：

<input type="date" name="editCallForm.date" ng-model="editCallForm.date"> 

我試圖日期格式的幾個組合，比如：

moment($rootScope.formData.date).format('DD/mm/YYYY'); 

但沒有運氣（時間輸入是沒有問題的工作）。

這種類型的輸入的正確格式是什麼？

感謝您的任何幫助。

Answer 1

日期應該是JavaScript的Date對象reference 此說

The model must always be a Date object, 

所以

你的代碼應該是

<input type="date" name="editCallForm.date" ng-model="editCallForm.date"> 

和

$scope.editCallForm.date = new Date(); // set to today 

如果要格式化這個日期，你可以按照本的答案，防爆：

$scope.formattedDate = $filter('date')($scope.dateObj, "dd/MM/yyyy"); 

不要忘記添加在控制器的$filter依賴

這裏是一個Demo Plunker請

請注意，此功能不適用於較老的角度版本。其工作角1.3及以後

請在angularjs更改日誌here

---

的重大更改。如果你需要做這在舊版本angularjs，你可以使用類似angular-ui bootstrap datepicker

這裏Demo Plunker