Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/471.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 错误:对象不支持属性或方法“datetimepicker”。。似乎无法创建日期选择器_Javascript_Jquery_Datepicker_Twitter Bootstrap 3 - Fatal编程技术网

Javascript 错误:对象不支持属性或方法“datetimepicker”。。似乎无法创建日期选择器

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" />

每当我尝试在表单中创建日期选择器时,总是会出现错误。有人能帮我吗?我相信我已经引用了正确的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" />
    <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
    });});