我正在尝试在Emberjs中创建一个<input type="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对象时保持正确的格式?
更新
感谢接受的答案中提供的博客文章,我能够更新演示以实现我想要的(有一些奇怪,但目前不相关)
答案 0 :(得分:2)
我没有看到任何解析字符串用例。您需要使用Date.parse
之类的东西将用户输入的字符串转换为Date对象。
if Modernizr.inputtypes.date
value = new Date(value)
else
value = Date.parse(value)
答案 1 :(得分:2)
看看这两篇博文:
这是一个简单的日期选择器: http://hawkins.io/2013/06/datepicker-in-ember/ 这个使用引导日期选择器 http://hawkins.io/2013/06/fancy-ember-datepicker-with-twitter-bootstrap/
希望这会有所帮助