Question

每个人，我正在使用html5创建一个可以自动阻止特定日期的日历，该信息在PHP变量中，我在日历中有要阻止的天，月，年的数组，如何实现呢？我只需要一个主意该怎么做，必须用javascript完成，对吧？

<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
    <meta charset="utf-8">
    <title>Calendar</title>
</head>

<body>
    <?php
        if(isset($_POST['reservation']) && !empty($_POST['reservation'])) {
            $startDate = $_POST['start'];
            $endDate = $_POST['end'];
        }
    ?>

    <form class="" action="" method="post">
        <label for="start">Date init</label>
        <input type="date" id="start" name="start" value="<?php echo date('Y-m-d'); ?>" min="<?php echo date('Y-m-d'); ?>" max="2021-08-10">

        <label for="end">Date end</label>
        <input type="date" id="end" name="end" value="<?php echo date('Y-m-d'); ?>" min="<?php echo date('Y-m-d'); ?>" max="2021-08-10">
        <input type="submit" name="reservation" value="Send">
    </form>
</body>

</html>

Answer 1

HTML输入[type = date]除了设置最小日期和最大日期[1]外，不支持任何限制。这些基本知识以外的任何东西都将需要自定义逻辑。如果这是预订系统，则可以选择复制日期选择器，例如航空公司或酒店。多数情况下，这可以在服务器上完成，而客户端上只有一薄层JS可以处理用户选择。

[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

如何在HTML5日历中屏蔽日期

1 个答案: