OnSelect datepicker不起作用

时间:2014-09-30 13:52:37

标签: javascript jquery html datepicker

我的日期选择器出了问题。我需要自定义这个日期选择器,但是当我尝试自定义它时,它不起作用。 例如:

我有这个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)不会出现。

谢谢你

2 个答案:

答案 0 :(得分:0)

当然,它会像你写的那样奏效。但如果您只有一个,,则不需要helper

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

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

FYI: - 您的 DOM 应该在执行此脚本之前就绪

答案 1 :(得分:0)

包含jquery和jquery ui库,然后在文档就绪时添加代码http://jsfiddle.net/m443no17/

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