引导日期时间选择器无响应

Question

我按照http://www.eyecon.ro/bootstrap-datepicker/#给出的示例进行操作。

我试图做过去的禁用日期和依赖禁用。

您可以在此处查看我的JSFIDDLE 。

这是我的头：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="datepicker/css/datepicker.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="datepicker/js/bootstrap-datepicker.js"></script>

下面是我的示例代码：

<script>
    var nowTemp = new Date();
    var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

    var checkin = $('#dpd1').datepicker({
      onRender: function(date) {
        return date.valueOf() < now.valueOf() ? 'disabled' : '';
      }
    }).on('changeDate', function(ev) {
      if (ev.date.valueOf() > checkout.date.valueOf()) {
        var newDate = new Date(ev.date)
        newDate.setDate(newDate.getDate() + 1);
        checkout.setValue(newDate);
      }
      checkin.hide();
      $('#dpd2')[0].focus();
    }).data('datepicker');
    var checkout = $('#dpd2').datepicker({
      onRender: function(date) {
        return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
      }
    }).on('changeDate', function(ev) {
      checkout.hide();
    }).data('datepicker');
</script>

<input type="text" id="dpd1" value="" class="span2">
<input type="text" id="dpd2" value="" class="span2">

我的问题...浏览器，firefox-Firebug或chrome均未显示任何错误，但是当我单击文本字段时，它没有响应，即没有任何反应。 我可以确认datepicker.js和CSS已正确链接，正如Dreamweaver所验证的那样。

不太确定我在这里缺少什么，也许我没有在教程中得到什么，如果有人可以快速扫描一下，将不胜感激。

Answer 1

你从来没有打电话给日期选择器

$(document).ready(function() { $('.datepicker').datepicker() //now do your stuff var nowTemp = new Date(); : :