2012-07-10 11 views
6

मैं एम्बर-डेटा का उपयोग कर रहा हूं और एक अंतर्निहित दिनांक प्रकार वस्तु है। मैं इसे तारीख पिकर पर जोड़ रहा हूं (ट्विटर बूटस्ट्रैप घटकों पर बनाया गया)। मुद्दा यह है कि मैंने दिनांक वस्तु को संग्रहीत करने के लिए इनपुट टैग में दिनांक विशेषता बनाई है। डेट ऑब्जेक्ट स्टोर को एक लंबी स्ट्रिंग के रूप में प्राप्त कर रहा है। इसे किसी भी तरह किसी ऑब्जेक्ट ऑब्जेक्ट में पार्स किया जाना चाहिए और फिर 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 बदल नहीं रहा है।

कोई भी पॉइंटर्स बहुत मददगार होंगे।

उत्तर

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); 
    } 
}); 
+0

त्रुटि लेखन त्रुटि देता है: 'अनिर्धारित' एक समारोह (का मूल्यांकन self.set ('डेटा', EV नहीं है। तिथि) ') –

+0

यदि आप इसे खराब कर सकते हैं तो मैं देख सकता हूं कि क्या गलत है –

+0

http://jsfiddle.net/P8usP/1/ –