Javascript 错误:对象不支持属性或方法“datetimepicker”。。似乎无法创建日期选择器
每当我尝试在表单中创建日期选择器时,总是会出现错误。有人能帮我吗?我相信我已经引用了正确的CSS、JS、Bootstrap和JQuery文件Javascript 错误:对象不支持属性或方法“datetimepicker”。。似乎无法创建日期选择器,javascript,jquery,datepicker,twitter-bootstrap-3,Javascript,Jquery,Datepicker,Twitter Bootstrap 3,每当我尝试在表单中创建日期选择器时,总是会出现错误。有人能帮我吗?我相信我已经引用了正确的CSS、JS、Bootstrap和JQuery文件 <script src="js/jquery-2.1.1.js"></script> <link href="css/animate.min.css" rel="stylesheet" /> <link href="css/bootstrap.css" rel="stylesheet" />
<script src="js/jquery-2.1.1.js"></script>
<link href="css/animate.min.css" rel="stylesheet" />
<link href="css/bootstrap.css" rel="stylesheet" />
<link href="css/color2.css" rel="stylesheet" />
<link href="css/font-awesome.min.css" rel="stylesheet" />
<link href="css/font_google.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" />
<link href="css/bootstrapValidator.css" rel="stylesheet" />
<link href="css/bootstrapValidator.min.css" rel="stylesheet" />
<script src="js/bootstrapValidator.js"></script>
<script src="js/bootstrapValidator.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/PageValidator.js"></script>
<script src="js/Validator2.js"></script>
<link href="css/datepicker.css" rel="stylesheet" />
<script src="js/bootstrap-datepicker.js"></script>
下面是我创建日期选择器的尝试
<div class="form-group">
<label for="Birthday">Birth Date</label>
<div class="input-group">
<span class="input-group-addon flat">
<span class=" glyphicon glyphicon-calendar"></span>
</span>
<div class="input-group date" id="dobPicker" data-date-format="MM/DD/YYYY">
<input type="text" class="form-control" id="birthday" name="birthday" placeholder="MM/DD/YYYY"
data-bv-notempty="true" data-bv-notempty-message="Birth Date is required and cannot be empty"
data-date-format="MM/DD/YYYY" data-bv-date-message="Invalid Date" />
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#birthday').datetimepicker({
pickTime: false
});
});
</script>
任何洞察和可能的代码修复都将不胜感激 假设您使用的是datepicker,那么应该选择包含的div而不是输入元素
$(function () {
$('#dobPicker').datetimepicker({
pickTime: false
});
});
如果其引导日期时间选择器使用以下代码:
$(function () {
$('#birthday').datepicker()({
pickTime: false
});
});
小提琴:我也有同样的问题。在我的例子中,我通过添加以下内容来修复它:
<script src="Scripts/jquery-ui-1.10.4.js"></script>
您必须添加-jquery\u calendar/jquery-ui.js
<script type="text/javascript" src="Scripts/jquery_calendar/jquery-ui.js"></script>
如果没有Jquery Ui,Calander将无法工作。我知道我参加聚会迟到了2年,但我只是遇到了问题,找到了一个“解决方案”,可能对将来的人有所帮助 我得到了一个未定义方法的错误,因为我从包中加载了错误的.js文件。
我从包的根目录中加载了jquery.datetimepicker.min.js,而不是从构建文件夹中加载了jquery.datetimepicker.full.min.js。通常情况下,这是一个未正确引用的脚本问题。只需检查浏览器是否在源代码中引用了它
<script src="Scripts/jquery-ui-1.10.4.js"></script>
$(document).ready(function () {
$('.openCalendar').datepicker({
closeText: "Select",
changeMonth: true,
changeYear: true
});});