functionM"/> functionM">

首頁  >  文章  >  web前端  >  AngularJS和HTML5日期輸入值 - 如何讓Firefox在日期輸入中顯示可讀取的日期值?

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

王林
王林轉載
2023-09-10 11:53:02962瀏覽

AngularJS和HTML5日期输入值 - 如何让Firefox在日期输入中显示可读的日期值?

日期類型的 元素允許使用者使用文字方塊或日期選擇器輸入日期。使用 ng-model 指令,將 AngularJS 應用程式資料的值儲存到 HTML 輸入控制項中。 Firefox 目前不支援 type="date"。它將所有值轉換為字串。由於

您希望日期是一個真正的 Date 物件而不是字串,因此我們創建另一個變量,然後按照下面給出的程式碼中的方式連結這兩個變數

<input type = "date" ng-model = "realdate" />
function MainCtrl($scope, dateFilter) {
   $scope.date = new Date();
   $scope.$watch(&#39;date&#39;, function (date){
      $scope.dateString = dateFilter(date, &#39;yyyy-MM-dd&#39;);
   });
   $scope.$watch(&#39;realdate&#39;, function (realdate){
      $scope.date = new Date(realdate);
   });
}

以上是AngularJS和HTML5日期輸入值 - 如何讓Firefox在日期輸入中顯示可讀取的日期值?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除