AngularJS 和 HTML5 日期輸入值 - 如何讓 Firefox 在日期輸入中顯示可讀的日期值?


日期型別<input>元素允許使用者輸入日期,可以使用文字框或日期選擇器。 ng-model 指令可將 AngularJS 應用程式資料的值繫結到 HTML 輸入控制元件。 Firefox 目前不支援 type="date"。它將所有值都轉換為字串。由於

您希望 date 成為一個真正的 Date 物件而不是一個字串,所以我們建立了另一個變數,然後將這兩個變數連結起來,如下面的給定程式碼所示

<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-01-24

156 瀏覽量

開啟您的職業

完成該課程後獲得認證

開始學習
廣告