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 浏览量

开启您的职业

完成该课程后获得认证

开始学习
广告
© . All rights reserved.