0

在 emberjs 中定义和使用 dates 、 datetime 和 datetime-tz 的最佳方法是什么?

我可以放

App.Customer  = DS.Model.extend({
  testDate: DS.attr('date', {defaultValue: '2013-09-13'),
  testDateTime: DS.attr('date', {defaultValue: '2013-09-13T20:47:20+01:00'),

进入模型,但在我看来,我只能把

{{input type="datetime-local"  

进入模板。这允许我根据当地时间更新字段(这可能不是我想要的),但有一个很好的下拉日历并允许我输入时间

任何其他类型(例如 datetime-tz)似乎只显示为文本输入。

谢谢你的时间

4

1 回答 1

0

datetime-tz不是有效的输入类型。 http://www.w3.org/TR/html-markup/input.html

样式化的方式datetime-local不是规范的一部分,由浏览器决定。

您可能希望使用 jQueryUI datepicker 之类的东西来确保跨浏览器的工作方式相同。在这种情况下,您可以扩展Ember.TextField视图以处理设置和拆除 datepicker 小部件。

App.DatePicker = Ember.TextField.extend({
  didInsertElement : function(){
    this.$().datepicker();
  },
  willDestroyElement : function(){
    this.$().datepicker('destroy');
  }
});

{{view App.DatePicker valueBinding="date"}}

这是一个 JSBin:http: //jsbin.com/ucanam/1054/edit

于 2013-09-14T18:52:35.323 回答