每个人,我正在使用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>
答案 0 :(得分:1)
HTML输入[type = date]除了设置最小日期和最大日期[1]外,不支持任何限制。这些基本知识以外的任何东西都将需要自定义逻辑。如果这是预订系统,则可以选择复制日期选择器,例如航空公司或酒店。多数情况下,这可以在服务器上完成,而客户端上只有一薄层JS可以处理用户选择。
[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date