没有模型的Backbone.js数据报警器事件侦听器

Question

我是新的骨干，我正在努力创建一个数据报警器。我试图在没有模型的情况下添加一个事件侦听器，但是我在视图中添加的单击事件监听器表现得很有趣，所以我想我做错了。我试图模仿的代码如下所示：

initialize:function () {
    ...
    this.model.bind('change', this.pageSetup, this);
    ...
}

  pageSetup:function () {

    var self = this;

      $("#date-range").datepicker({
        onSelect:function (dateText, datePickeOBJ) {
          self.selectedDate = dateText;
          self.onDateChange(datePickeOBJ);
        },
        defaultDate: this.selectedDate,
        maxDate:'-2'
      });
    ...
 }

似乎很好用。在我的例子中，没有模型。现在我有

return BaseView.extend({
  el: "<div id='main-inner'>",

  template: "print-report",
  events: {
      "change #date-range": "datePicker"
  }, ...
datePicker: function() {
 var self = this;

$("#date-range").datepicker({
        onSelect:function (dateText, datePickeOBJ) {
          self.selectedDate = dateText;
          self.onDateChange(datePickeOBJ);
        },
        defaultDate: this.selectedDate,
        maxDate:'-2'
      });
 }, ...

我怎么才能更好地进行这是好的脊梁时尚呢？

Answer 1

我只是在mouseover上创建了mouseover。

events: {
  'mouseover #dateinput' : 'createDatePicker'
},

createDatePicker:function(e) {
  var view = this;

  $(e.currentTarget).datepicker({
    maxDate:'-2',
    defaultDate:view.selectedDate,
    onSelect:function(dateText,datePicker) {
      console.log('onSelect',dateText);
      view.selectedDate = dateText;
      view.onDateChange(datePicker);
    }
  });
}

这是一个演示