OnSelect 日期选择器不起作用答案

【问题标题】：OnSelect datepicker doesn't workOnSelect 日期选择器不起作用
【发布时间】：2014-11-25 04:28:54
【问题描述】：

我的日期选择器有问题。我需要自定义这个日期选择器，但是当我尝试自定义它们时它不起作用。示例：

我有这个 html 代码：

<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
    <input type="text" class="form-control" data-target="#job-date_start"  name="date_start" title="" id="datestart" class="xlarge required" readonly>
    <input type="hidden" id="job-date_start" value="" name="job[date_start]" />
</div>

在 javascript 上我尝试这样做：

$('#datestart').datepicker( {
    onSelect: function(date) {
        alert(date);
    },
});

我的问题是，当我点击日期选择器中的日期时，console.log(test) 不会出现。

谢谢你

【问题讨论】：

当然你已经包含了jquery和jquery-ui，要么等待文档准备好，要么将代码放在正文末尾？
您的代码有效jsfiddle.net/m443no17 :)
您使用的是哪个日期选择器库？如果您不使用 jqueryUI 之一，您可能不会收到 onSelect 事件 ...
我已经包含了 jquery 和 jquery-ui，因为我的 datepicker 工作，但是当我点击一个日期时，我的警报没有出现
onSelect 是您传递给日期选择器的唯一参数吗？如果不是，您可以包含所有内容吗？

标签： javascript jquery html datepicker

【解决方案1】：

包括 jquery 和 jquery ui 库，然后在准备好文档时添加您的代码 http://jsfiddle.net/m443no17/

$(document).ready(function () {
    $('#datestart').datepicker({
        onSelect: function (date) {
            alert(date);
        },
    });
});

【讨论】：

是的，我已经准备好 DOM，我的日期选择器工作，就在我点击我的警报不出现的日期时。
肯定有另一个问题，因为你的代码在 jsfiddle 中工作 :)
我知道，但我不知道另一个问题是什么。
您可以修改所有代码，以便我们检查导致问题的原因:)

【解决方案2】：

当然，它会按照你写的方式工作。但如果您只有一个helper，则不需要,。

 $('#datestart').datepicker( {
      onSelect: function(date) {
          alert(date);
    }
});

希望您已导入datepicker 和jQuery 正确版本所需的所有库。

FYI :- 你的 DOM 应该在你执行这个脚本之前准备好

【讨论】：

我在 jQuery 上的版本是 1.11.1。我不明白为什么它不起作用。