AngularJS 和 HTML5 日期輸入值 - 如何讓 Firefox 在日期輸入中顯示可讀日期值?
型別為日期的 <input> 元素允許使用者輸入日期,使用文字框或使用日期選擇器。結合 ng-model 指令,將 AngularJS 應用程式資料的數值繫結為 HTML 輸入控制元件。Firefox 目前不支援型別="日期"。它會將所有值轉換為字串。由於
你需要日期成為一個真正的日期物件,而不是字串,因此我們會建立一個另一個變數,然後按照如下所示的程式碼將這兩個變數連結起來
<input type = "date" ng-model = "realdate" />
function MainCtrl($scope, dateFilter) {
$scope.date = new Date();
$scope.$watch('date', function (date){
$scope.dateString = dateFilter(date, 'yyyy-MM-dd');
});
$scope.$watch('realdate', function (realdate){
$scope.date = new Date(realdate);
});
}
廣告
資料結構
網路
RDBMS
作業系統
Java
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP