我正在尝试创建一个 <input type="date"/>
在 Emberjs 中,我有两个问题:
- 在我的国家/地区,日期显示为 DD-MM-YYYY 格式,而日期字段需要 MM-DD-YYYY 格式(然后浏览器会根据其区域设置显示)。因此,如果浏览器支持日期输入字段,日期应该以一种方式格式化,如果不支持则以另一种方式格式化
- 日期绑定(bind)到 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 对象的同时保持正确的格式?
更新
感谢接受的答案中提供的博客文章,我能够更新演示以执行我想做的事情(有一些奇怪的地方,但目前不相关)
最佳答案
看看这两篇博文:
这是一个简单的日期选择器: http://hawkins.io/2013/06/datepicker-in-ember/ 这个使用引导日期选择器 http://hawkins.io/2013/06/fancy-ember-datepicker-with-twitter-bootstrap/
希望对你有帮助
关于javascript - 在 Ember 中创建一个输入类型 ="date",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17567236/