Question

在emberjs中定义和使用date，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

展示＆amp;在ember中编辑datetime / datetime-tz

1 个答案: