从日期选择器禁用日期

Question

I'm trying to disable dates from my datepicker which is the past days and about 30 days after the current date but I think I'm missing something. Here's a snippet of what I got.

Here is the php code.

<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>

And Here is the script.

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

Answer 1

You need to put it inside the document ready handler, and you need to put all the options in one call to datepicker :

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

FIDDLE

Answer 2

For disabling the current date from the calendar, you can change the input tag as below

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

and to block one month date in the date picker change as follow,

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