Ember 데이터 날짜 바인딩

Question

ember-data를 사용하고 있으며 inbuilt 날짜 유형 개체가 있습니다. 나는 이것을 날짜 선택 도구 (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는 변경되지 않습니다.

모든 포인터가 도움이 될 것입니다.

Answer 1

은 다음을 시도해보십시오

바이올린 : 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); 
    } 
});