Javascript 如何在html5日历中阻止日期_Javascript_Php

Javascript 如何在html5日历中阻止日期

javascript php

Javascript 如何在html5日历中阻止日期,javascript,php,Javascript,Php,各位，我正在用html5创建一个日历，可以自动阻止特定的日期，这些信息是在PHP变量中，我在日历中有天数、月份、年份的数组，我如何实现这一点？我只是需要一个想法，我怎么做，这必须在javascript中完成，对吗 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <tit

各位，我正在用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>


历法
起始日期
HTML输入[type=date]不支持设置最小和最大日期[1]以外的任何限制。超出这些基础的任何内容都需要自定义逻辑。如果这是一个预订系统，则可以选择从航空公司或酒店复制日期选择器。这可以在服务器上完成，而客户端上只有一层薄薄的JS来处理用户选择
[1] 
这取决于您希望如何实现您的需求。JavaScript是一种选择。您也可以使用HTML表单并提交到PHP。对于另一个脚本中的一个小预订系统，我得到了需要阻止的日期变量，以避免超额预订。这可以在PHP中完成吗？？我有其他脚本中要阻止的所有日期。是的，这是一个简单的预订系统。像这样：或者你建议在mysql中复制存储日期？？好吧，这取决于你想做什么。但是应该独立于您向用户呈现数据的方式。