Question

每当我尝试在表单中创建一个日期选择器时，总是会收到错误。谁能帮我吗？我相信我已经引用了正确的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>

非常感谢任何洞察力（可能还有代码修复）!!

Answer 1

我知道我迟到了2年，但我遇到了问题并找到了一个可能在将来帮助某人的“解决方案”。

我收到了一个未定义方法的错误，因为我从包中加载了错误的.js文件。我从jquery.datetimepicker.min.js目录中加载了root，而不是jquery.datetimepicker.full.min.js文件夹中的build。

Answer 2

如果其引导日期时间选择器使用以下代码：

 $(function () {
      $('#birthday').datepicker()({
         pickTime: false
       });
  });

小提琴：http://jsfiddle.net/QD94K/1/

Answer 3

我遇到了同样的问题。在我的情况下，我通过添加：

来修复它

<script src="Scripts/jquery-ui-1.10.4.js"></script>

Answer 4

假设您正在使用this日期选择器，则应选择包含div而不是输入元素。

$(function () {
    $('#dobPicker').datetimepicker({
        pickTime: false
    });
});

Answer 5

你必须添加--jquery_calendar / jquery-ui.js

<script type="text/javascript" src="Scripts/jquery_calendar/jquery-ui.js"></script>

或

<script src="Scripts/jquery-ui-1.10.4.js"></script>

然后添加JQuery代码

         $(document).ready(function () {
    $('.openCalendar').datepicker({
        closeText: "Select",
        changeMonth: true,
        changeYear: true
    });});

如果Jquery Ui不存在，那么Calander将无效。

错误：对象不支持属性或方法＆＃39; datetimepicker＆＃39; ..似乎无法创建日期选择器

5 个答案: