javascript – 在Ember中创建一个输入类型=“日期”

我正在尝试创建一个< input type =“date”/>在Emberjs我有两个问题：

>在我的国家/地区,日期显示为DD-MM-YYYY格式,而日期字段需要MM-DD-YYYY格式(然后浏览器根据其区域设置显示它).因此,如果浏览器支持日期输入字段,则应以一种方式格式化日期,否则应以其他方式格式化日期
>日期绑定到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对象时保持正确的格式？

Demo

更新

感谢接受的答案中提供的博客文章,我能够更新演示以做我想要的(有一些奇怪,但目前不相关)

Demo2

最佳答案

看看这两篇博文：

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

希望这会有所帮助