如何在 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>
米脂1回答
-
www说
HTML input[type=date] 除了设置最小和最大日期 [1] 之外不支持任何限制。超出这些基础的任何内容都需要自定义逻辑。如果这是一个预订系统，则可以选择从航空公司或酒店复制日期选择器。这主要可以在服务器上完成，客户端上只有一层薄薄的 JS 来处理用户选择。[1] https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date
随时随地看视频慕课网APP
相关分类
JavaScript