0

我正在尝试实现签入签出日期选择器我也不擅长 Jquery 我在运行它时遇到了一些问题。我还检查了 jquery 是否正在加载，它确实可以帮助我解决我做错了什么。

$(document).ready(function () {

        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>
        </head>
        <body onload>
        <div class="well" id="div1">
              <table class="table">
                <thead>
                  <tr>
                    <th>Check in: <input type="text" class="span2" value="" id="dpd1"></th>
                    <th>Check out: <input type="text" class="span2" value="" id="dpd2"></th>
4

1 回答 1

-1

您没有连接到插件 js 文件。如果不包括所需的外部资源，它将无法工作。

      <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script>

     <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.min.css">

     <script type='text/javascript' src="http://www.eyecon.ro/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
     <link rel="stylesheet" type="text/css" href="http://www.eyecon.ro/bootstrap-datepicker/css/datepicker.css">

请使用您的代码检查此工作示例。 小提琴

添加所需的外部资源。

于 2013-06-07T05:42:23.907 回答