5

我正在尝试<input type="date"/>在 Emberjs 中创建一个，但有两个问题：

  1. 在我的国家，日期显示为 DD-MM-YYYY 格式，而日期字段需要 MM-DD-YYYY 格式（然后浏览器根据其区域设置显示）。因此，如果浏览器支持日期输入字段，则应以一种方式格式化日期，如果不支持，则以另一种方式格式化
  2. 日期绑定到 Date 对象

我正在使用 Momentjs 进行格式化和 Ember 数据。

我正在尝试像这样扩展 Ember.TextField：

App.DateField = Ember.TextField.extend
  value: ( (key, value) ->
    if value?
      if /Date/.test value.constructor #I assume that if the passed value is a Date object then it is arriving directly from the model
        if Modernizr.inputtypes.date
          moment(value).format('YYYY-MM-DD')
        else
          moment(value).format('DD-MM-YYYY')
      else # if the passed value is not a Date object then the user is typing into the form
        if Modernizr.inputtypes.date
          value = new Date('value')
        else
          value

  ).property()

  type: 'date'

对于具有日期输入的浏览器支持此工作。对于其他浏览器，日期显示正确，但在模型中保存为（格式错误）字符串。

如何在后端仍然使用 Date 对象的同时保持正确的格式？

演示

更新

感谢接受的答案中提供的博客文章，我能够更新演示以做我想做的事（有些奇怪，但目前不相关）

演示2

4

2 回答 2

2

我没有看到任何对字符串用例的解析。您将需要使用类似Date.parse的方法将用户输入的字符串转换为 Date 对象。

if Modernizr.inputtypes.date
  value = new Date(value)
else
  value = Date.parse(value)
于 2013-07-10T11:46:58.617 回答
2

看看这两个博客文章：

这是一个简单的日期选择器： http ://hawkins.io/2013/06/datepicker-in-ember/ 这个使用引导日期选择器 http://hawkins.io/2013/06/fancy-ember-datepicker-与-twitter-bootstrap/

希望这会有所帮助

于 2013-07-10T13:09:53.817 回答