【问题标题】:Disable date from datepicker从日期选择器禁用日期
【发布时间】:2013-10-10 23:59:11
【问题描述】:

我试图从我的日期选择器中禁用日期,这是过去几天和当前日期后大约 30 天,但我认为我遗漏了一些东西。这是我得到的一个sn-p。

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

【问题讨论】:

    标签: php jquery datepicker


    【解决方案1】:

    您需要将它放在文档就绪处理程序中,并且您需要将所有选项放在对datepicker 的一次调用中:

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

    FIDDLE

    【讨论】:

    • 感谢您的回复,但我已经尝试过了,它仍然没有禁用过去几天。
    • 为我工作,看小提琴。
    • 奇怪的是我在 fiddle 上试过它,它在过去的几天里有效,但接下来的 30 天它没有,另一个奇怪的是当我在我的 php 上使用相同的代码时, 当我在文本框内单击时,它不显示日历。
    • 我怀疑您在多个位置设置选项,就像您在问题中所做的那样,因此它们相互覆盖。确保只在一个地方初始化日期选择器。
    • 什么意思?这些都在一个文件中,这是我唯一的日期选择器。对不起,新手。
    【解决方案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")); ?>" />
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2015-03-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-11-10
      • 2020-08-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多