Datetimepicker引导程序在asp.net网站上无法正常工作

时间:2015-07-09 11:49:26

标签: javascript jquery asp.net twitter-bootstrap

我可以用一些眼睛来检查我对这段代码做错了什么。我试图按照一个例子,我已经输入了用于办理登机手续和退房的箱子。

看起来像这样:

Check-in
Input box (datetimepicker1)

Check-out
Input box (datetimepicker2)

我试图这样做,当你在datepicker1中选择一个日期时,你可以用datetimepicker2表单选择一个更早的日期。你必须提前至少1天选择一天。

我的asp代码:

                <div class="form-group">
                    <div class="input-append date form_datetime">
                        <asp:Label ID="Label1" runat="server" Text="Check-in     Date:"></asp:Label>
                        <input type="text" class="form-control" id="datetimepicker1" />
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-append date form_datetime">
                        <asp:Label ID="Label2" runat="server" Text="Check-out Date:"></asp:Label>
                        <input type="text" class="form-control" id="datetimepicker2" />
                    </div>
                </div>

使用Javascript:

        <script type="text/javascript">

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

            var checkin = $('#datetimepicker1').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();
                $('#datetimepicker2')[0].focus();
            }).data('datepicker');
            var checkout = $('#datetimepicker2').datepicker({
                onRender: function (date) {
                    return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
                }
            }).on('changeDate', function (ev) {
                checkout.hide();
            }).data('datepicker');

        </script>

我确定我有正确的js文件,因为它之前已经使用过其他一些代码,但它并不那么聪明,因为我不想要任何图标,它应该只是一个文本框,当你点击它时,datetimepicker应该自己打开它。

希望有人能看出这有什么问题。

enter image description here

0 个答案:

没有答案