具有角度范围的 HTML5 输入日期格式

Question

我有一个 HTML 5 input type="date"。

<input type="date" required ng-model="nm.pick" id="dpicker ">

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

nm.pick = $filter("date")(Date.now(), 'dd/MM/yyyy');

现在这将使 HTML5 默认日期格式为yyyy-MM-dd.

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

1. 我无法在我的 HTML 中更改<input type="date">为<input type="text"。如果我更改，日期格式将正常工作

2. 然后我将输入日期更改为在控制器中输入文本

   $("#dpicker").attr("type", "text");
   nm.pick = $filter("date")(Date.now(), 'dd/MM/yyyy');
   

   这是行不通的。

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

实现这一目标的所有可能方法是什么？

Answer 1

我所知道的最好的方法是使用momentjs。我已经将它与 angular 1.xx 一起使用了，没有任何问题。使用起来很简单，看看这个。您可以添加以下行：

nm.pick = moment(nm.pick).format('DD-MM-YYYY');

这应该可以解决您的问题，