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 に答える