Question

我正在尝试禁用我的datepicker中的日期，这是过去几天和当前日期后约30天，但我想我错过了一些东西。这是我得到的一小部分。

这是php代码。

<h3 style="font-family:Lucida Sans; font-size:12px;color:#514C4C;">Reservation Date:</h3>
                <input type ="date" class="inputbox6" value ="<?php date_default_timezone_set('Asia/Manila');
                $date = date('M-d-Y');
                echo $date; ?> " id="datepicker" style ="border-top-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px;" name ="res_date"/>
                <div style="margin-top:0px; margin-left:0px; margin-bottom:5px; width:220px; color:#F00; font-size:12px;">
                    <?php if (isset($_POST['btnReserve'])) { ?>
                        <?php if (empty($res_date)) { ?>
                                <?php echo "Please choose your reservation date."; ?>
                        <?php } ?>
                    <?php } ?>
                </div>

这是剧本。

<script language = "javascript">
$('#datepicker').datepicker({ minDate:0});
$('#datepicker').datepicker({ maxDate:30});
</script>

Answer 1

您需要将其放在文档就绪处理程序中，并且需要将所有选项放在一次调用中datepicker：

$(function() {
    $("#datepicker").datepicker( {
        minDate: 0,
        maxDate: 30
    });
});

FIDDLE

Answer 2

要从日历中禁用当前日期，可以按以下方式更改输入标签

<input type="date" class="inputbox6" min="<?php echo date('Y-m-d', strtotime("+1 days")); ?>" />

并按如下所示阻止日期选择器更改中的一个月日期，

<input type="date" class="inputbox6" min="<?php echo date('Y-m-d', strtotime("+1 MONTH")); ?>" />

从datepicker禁用日期

2 个答案: