6

ember-dataを使用していますが、日付型オブジェクトが組み込まれています。私はこれを日付ピッカー（Twitterブートストラップコンポーネント上に構築）に接続しています。問題は、日付オブジェクトを格納するために入力タグに日付属性を作成したことです。日付オブジェクトは長い文字列として格納されています。これはどういうわけか日付オブジェクトに解析されてからApp.storeに保存される必要があります。この変換はどこで行いますか。これは私がこれまでに行ったことです。

App.DatePicker = Ember.View.extend({
    classNames: ['ember-text-field','input-small'],
    tagName: "input",
    attributeBindings: ['data','value','format','readonly','type','size'],
    size:"16",
    type: "text",
    format:'mm/dd/yyyy',
    value:function(){
        var date = this.get('data');
        if(date)
            return date.format(this.get('format'));
        else
            return "";
    }.property('data'),
    data:null,
    didInsertElement:function(){
        this.$().datepicker({
            format:this.get(this.get('format'))
        }).on('changeDate', function(ev){
            console.log(ev.date);
            console.log(ev.target);
            ev.target.setAttribute('data',ev.date);
         });
    }
});

私はこのようなビューテンプレートでそれを使用しています

{{view App.DatePicker dataBinding="staff.emp_edate" format="mm/dd/yyyy"}}

日付が変更されたときに日付属性が設定されると、staff.emp_edateにバインドされている日付属性が変更されます。残念ながら、staff.emp_edataは変更されていません。

どんなポインタも大いに役立ちます。

4

1 に答える 1

8

次のことを試してください。

フィドル: http://jsfiddle.net/ppanagi/9rCBL/

App.DatePicker = Ember.View.extend({

  // ... leave the rest as is

  didInsertElement: function(){
     var self = this;

     var onChangeDate = function(ev) {
        self.set('data', ev.date);
     };
     var format = this.get('format');

     this.$().datepicker({ format: format })
         .on('changeDate', onChangeDate);
  }
});
于 2012-07-10T17:24:08.090 に答える