日期选择器的麻烦

Question

嗨，我无法让这个日期选择器工作？有人可以帮助我让它工作吗，当我点击它时它没有做任何事情！

我就是在这个网站上做他们的例子。

Link: http://jsfiddle.net/jasenhk/4g9u5/

头：

<head>

<!--Bootstrap stylesheet-->
<link rel="stylesheet" href="css/bootstrap.min.css">

<!--Bootstrap scripts-->
<script src="js/bootstrap.min.js" type="text/javascript"></script>



<!--Custom stylesheets-->
<link rel="stylesheet" type="text/css" href="css/style.css">

<!--Custom scripts-->
<script src="http://code.jquery.com/jquery-latest.min.js"</script>

<script>
$(document).ready(function() {
    $(".date-picker").datepicker();

    $(".date-picker").on("change", function () {
        var id = $(this).attr("id");
        var val = $("label[for='" + id + "']").text();
        $("#msg").text(val + " changed");
    });
});
</script>
</head>

BODY:

<div class="controls">
    <div class="input-group">
    <label for="date-picker-3" class="input-group-addon btn">
        <span class="glyphicon glyphicon-calendar"></span>
    </label>
    <input id="date-picker-3" type="text" class="date-picker form-control 
hasDatepicker">
    </div>
</div>

Answer 1

您必须从输入中删除 hasDatepicker class。此外，您的 HTML 格式不正确：

<input id="date-picker-3" type="text" class="date-picker form-control" />

而且您的 jQuery 脚本标签也有误：

<!--Custom scripts-->
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

而你错过了 jQuery UI:

<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

这是 jsfiddle 工作示例：http://jsfiddle.net/054xstp5/15/

日期选择器的麻烦

Datepicker trouble

html

css

jquery

datepicker

twitter-bootstrap