Question

我已经按照http://www.eyecon.ro/bootstrap-datepicker/#给出的例子来说明了这封信。

我试图过去禁用日期并依赖禁用。

这是我的头脑：

<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＆amp;正如Dreamweaver验证的那样，css正确链接。

不确定我在这里缺少什么，也许我没有在教程中得到一些东西，如果有人能给这个快速扫描，将不胜感激。

Answer 1

您从未调用过datepicker

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

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

1 个答案: