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);
   });
}

更新於: 2020 年 1 月 24 日

156 次瀏覽

開啟你的 職業生涯

透過完成課程獲得認證

開始
廣告