输入类型=“日期”以HTML5

时间:2015-11-22 10:21:56

标签: angularjs html5

我在下面的代码中使用了日期。

<input type="date" value="{{data.endDate | date: "MM/dd/yyyy"}}" ng-model="data.endDate" />

如果我今天在控制器中选择日期(11/22/2015),则endDate值为2015-11-21T18:30:00.000Z

  1. 如何获得精确选择的日期值?
  2. 模型日期未显示。

2 个答案:

答案 0 :(得分:1)

这是因为,创建了所选日期的日期对象,并根据UTC标准表示。

<强>解决方案

  1. 您必须执行一些时间计算才能获得预期的日期值。请参考this article了解实际工作情况,以达到预期目标。

  2. 最简单的方法是从日期选择器中选择日期,&#34;使用Date&#39> 区域设置约定将日期对象转换为字符串方法 dateObject.toLocaleDateString()。有关进一步了解,请参阅this

  3. 示例:$ scope.dateOfTransactionFilter.toLocaleDateString()

    希望这会有所帮助。 干杯

答案 1 :(得分:0)

感谢nishi bangar,

最简单的方法是,从日期选择器中选择日期,“使用Date的语言环境约定方法dateObject.toLocaleDateString()将日期对象转换为字符串。请参阅此内容以进一步理解。