带有bootstrap响应的Html模板。
<div class="row">
<div class="col-lg-2"><label class="al-right">Start Time :</label>
</div>
<div class="col-lg-2">
<input type="text" data-name="startTime" id="timeinput1" class="form-control">
</div>
从此处获取id并基于此timeinput1 id并在骨干视图中调用mouseover事件
骨干视图:
var ItView = Backbone.TemplateView.extend({
templateName : "itTempl",
initialize : function(options) {
Backbone.View.prototype.initialize.call(this, options);
//default function call
this.goToGridView();
},
events : {
/* For only Datepicker events*/
'mouseover #dateinput1' : 'createDatePicker',
'mouseover #dateinput2' : 'createDatePicker',
/* For Datetimepicker events not working*/
'mouseover #timeinput1' : 'datetimepicker'
},
//这就是我使用bootstrap3的datetimepicker()函数
的方法datetimepicker:function(e) {
var view = this;
$(e.currentTarget).datetimepicker();
},
使用ModelBinder for Backbone: datetimepicker()附带的数据没有填充到骨干模型中,因为来自datepicker()和timepicker的数据正在耦合到骨干模型中。
请帮助我解决这个问题。