OnSelect日期选择器不'不起作用

OnSelect datepicker doesn't work

本文关键字:不起作用 日期 选择器 OnSelect      更新时间:2023-09-26

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

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

感谢

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

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

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

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

希望您已经导入了datepicker所需的所有库,当然还有jQuery的正确版本。

FYI:-在执行此脚本

之前,您的DOM应该已准备就绪