Jquery DatePicker $ .get请求无效

时间:2015-09-15 22:51:15

标签: javascript jquery jquery-ui datepicker

我想通过DatePicker将一些数据发送到onSelect脚本。这是我的代码:

$( "#customdate" ).datepicker({
  nextText: "→",
  prevText: "←",
  dateFormat: "mm/dd/yy",
  maxDate: '-1d',
  onSelect: function(dateText, inst) {
    var calendiv = $(this);
    var url = calendiv.data('href');
    var deets = calendiv.data();
    delete deets.href;
    deets.fromdate = dateText;
    $.get(url, deets, function(data) {
      alert("oh");
      if (data.success == 1) {
        var dataHTML = $.parseHTML(data.contents);
        $("#ideal tbody").html(dataHTML);
        $("#ideal").trigger('footable_initialize');
      }
    });
  }
});

但是,当我点击日期时,我会收到以下错误。 $ .get之外的所有内容都按预期工作,但内部没有任何内容发生。

当我点击它时,我收到错误:

  

TypeError:对未实现的对象调用“click”   界面HTMLElement。

1 个答案:

答案 0 :(得分:0)

onSelect: function(dateText, inst) {之后的第一行应为event.preventDefault。请在MDN上了解详情。

如果您console.log($)以上$.get(url, deets, function(data) {,则会看到undefined$( "#customdate" ).datepicker({ nextText: "→", prevText: "←", dateFormat: "mm/dd/yy", maxDate: '-1d', onSelect: function(dateText, inst) { event.preventDefault(); var calendiv = $(this); var url = calendiv.data('href'); var deets = calendiv.data(); delete deets.href; deets.fromdate = dateText; $.get(url, deets, function(data) { alert("oh"); if (data.success == 1) { var dataHTML = $.parseHTML(data.contents); $("#ideal tbody").html(dataHTML); $("#ideal").trigger('footable_initialize'); } }); }.bind(this) }); 。阅读有关Javascript contexts的更多信息。

工作代码应如下所示:

{{1}}