嗨,我不能让这个日期选择器工作吗?有人可以帮助我让它工作吗,当我点击它时它不会做任何事情!
我正试图从这个网站上做出他们的榜样。
链接: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>
最佳答案
您必须从输入中删除 hasDatepicker
类。此外,您的 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/
关于jquery - 日期选择器的麻烦,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29817586/