javascript - OnSelect 日期选择器不起作用

标签 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) 不会出现。

谢谢你

最佳答案

包含 jquery 和 jquery ui 库,然后在文档中添加您的代码 http://jsfiddle.net/m443no17/

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

关于javascript - OnSelect 日期选择器不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26122613/

相关文章:

html - 如何在div中居中<i>标签

javascript - 如何解决 - 单击某些按钮时不切换类

javascript - jQuery - 点击类 - 获取其他类

html - Bootstrap 崩溃 : Open one, 隐藏其他

javascript - 后退按钮只能工作一次

jquery - 在 slider 中,我想更改当前幻灯片的样式

javascript - 前一个元素的宽度 jQuery

javascript - 对服务器返回的 json 对象的 Crossdomian ajax 请求显示错误 Unexpected token :

javascript - 在flipclock.js倒计时器停止后修改页面文本

html - 如何独立于菜单选项卡在 Web 标题上定位 Logo ,同时仍将它们放在同一行中?