Question

我正在使用棱角分明的材料设计。（https://material.angularjs.org/#/）我有以下代码：

<md-input-container padding>
  <label>Some date</label>
  <input ng-model="searchQuery.SomeDate" type="date" name="invoiceDate" />
</md-input-container>

这给了我一个带有日期选择器的非常好的文本框。用户可以手动键入日期或从日期选择器中选择日期。问题是，基于ui文化，用户必须键入dd-MM-yyyy格式或MM-dd-yyyy格式。

我不想要这个。我想强制使用dd-MM-yyyy格式。但我不知道该怎么做。你呢？

提前致谢！

Answer 1

如果您添加来自i18n的脚本，则可以直接将日期参数设置为您所在国家/地区的惯例。

这是文件列表：https://code.angularjs.org/1.0.8/i18n/

然后一个简单的包含将起作用：

<script src="http://code.angularjs.org/1.0.8/i18n/angular-locale_XXXX.js"></script>

Answer 2

你想要这样的东西：

用户看到dd / MM / yyyy，但在程序中它是一个约会？我这样用它：

 <span class="input-group">
   <input type="text" datepicker-popup="dd/MM/yyyy"  is-open="opened" close-text="Close"/>
   <span class="input-group-btn">
      <button type="button" class="btn btn-default" ng-click="open($event)">
      <i class="glyphicon glyphicon-calendar"></i></button>
   </span>
 </span>

发送到模型的数据在dd / MM / yyyy

之后格式化

角度材料设计日期格式

2 个答案: