首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >具有角度范围的HTML5输入数据格式

具有角度范围的HTML5输入数据格式
EN

Stack Overflow用户
提问于 2017-05-25 11:58:46
回答 2查看 2.4K关注 0票数 2

我有一个HTML5 input type="date"

代码语言:javascript
运行
复制
<input type="date" required ng-model="nm.pick" id="dpicker ">

然后在我的角度控制器中,我在分配值

代码语言:javascript
运行
复制
nm.pick = $filter("date")(Date.now(), 'dd/MM/yyyy');

现在,这将给出HTML5默认的yyyy-MM-dd日期格式。

但我想要日期格式- dd/MM/yyyy

  1. 我不能在我的<input type="date">中将<input type="text"更改为<input type="text"。如果我更改了,则日期格式将正常工作。
  2. 然后将输入日期更改为在控制器中输入文本。 $("#dpicker").attr("type","text");nm.pick =$filter(“日期”)(Date.now(),'dd/MM/yyyy'); 这不起作用。

基本上,我希望在不改变dd/MM/yyyy的情况下,将控制器中的日期格式更改为HTML。

实现这一目标的可能方法是什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-05-25 12:02:07

我所知道的最好的方法是使用动量。我用过的角度为1.x.x,没有问题。它很容易使用,看看这个。您可以添加以下行:

代码语言:javascript
运行
复制
nm.pick = moment(nm.pick).format('DD-MM-YYYY');

这应该能解决你的问题,

票数 5
EN

Stack Overflow用户

发布于 2017-05-25 12:28:53

用于type="date"绑定

代码语言:javascript
运行
复制
var app = angular.module("MyApp", []).controller("MyCtrl", function($scope, $filter) {
  $scope.nm = {};
  $scope.nm.pick = new Date($filter('date')(new Date(), "yyyy-MM-dd"));
});
代码语言:javascript
运行
复制
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>


<body ng-app="MyApp" ng-controller="MyCtrl">
    <input type="date" required ng-model="nm.pick" id="dpicker ">
</body>

阅读其他答案时,我建议使用moment.js,因为它是在玩日期/时间和不同时区时的专家库。

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44180058

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档