如何在 html5 日历中阻止日期
大家，我正在用 html5 创建一个日历，它可以自动阻止特定日期，该信息位于 PHP 变量中，我有要在日历中阻止的天、月、年的数组，我怎样才能实现这一点？我只需要一个想法，我该怎么做，这必须用 javascript 完成，对吗？
<!DOCTYPE html>
<html 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>
慕婉清64621321回答
-
幕布斯7119047
HTML input[type=date] 不支持除设置最小和最大日期之外的任何限制 [1]。超出这些基础知识的任何内容都需要自定义逻辑。如果这是一个预订系统，则可以选择复制来自航空公司或酒店的日期选择器。这主要可以在服务器上完成，客户端上只有一层薄薄的 JS 来处理用户选择。[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
随时随地看视频慕课网APP
PHP