ember.js - 在 ember 中显示和编辑 datetime / datetime-tz

Question

在 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）似乎只显示为文本输入。

谢谢你的时间

Answer 1

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