为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 html5 日历中阻止日期

如何在 html5 日历中阻止日期

PHP
慕婉清6462132 2023-09-22 16:53:53
大家,我正在用 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 回答

?
幕布斯7119047

TA贡献1794条经验 获得超8个赞

HTML input[type=date] 不支持除设置最小和最大日期之外的任何限制 [1]。超出这些基础知识的任何内容都需要自定义逻辑。如果这是一个预订系统,则可以选择复制来自航空公司或酒店的日期选择器。这主要可以在服务器上完成,客户端上只有一层薄薄的 JS 来处理用户选择。

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


查看完整回答
反对 回复 2023-09-22
  • 1 回答
  • 0 关注
  • 69 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信