Jquery plugins 余烬数据日期绑定
我使用的是余烬数据,有一个内置的日期类型对象。我将此连接到日期选择器(基于Twitter引导组件构建)。问题是我在输入标记中创建了一个日期属性来存储日期对象。日期对象以长字符串形式存储。这必须以某种方式解析为日期对象,然后存储到App.store中。我在哪里做这个转换。这就是我到目前为止所做的Jquery plugins 余烬数据日期绑定,jquery-plugins,twitter-bootstrap,ember.js,handlebars.js,Jquery Plugins,Twitter Bootstrap,Ember.js,Handlebars.js,我使用的是余烬数据,有一个内置的日期类型对象。我将此连接到日期选择器(基于Twitter引导组件构建)。问题是我在输入标记中创建了一个日期属性来存储日期对象。日期对象以长字符串形式存储。这必须以某种方式解析为日期对象,然后存储到App.store中。我在哪里做这个转换。这就是我到目前为止所做的 App.DatePicker = Ember.View.extend({ classNames: ['ember-text-field','input-small'], tagName:
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没有改变
任何指针都会有很大帮助。请尝试以下操作:
小提琴:
给出错误TypeError:“undefined”不是函数(评估“self.set('data',ev.date)”)47500TypeError:“undefined”不是函数(评估“this.set('data',ev.date)”)我在代码中做了一些更正,请参阅更新的JSFIDLE:。另请参阅我的最新答案
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);
}
});