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

如何在 html5 日历中阻止日期

如何在 html5 日历中阻止日期

米脂 2022-12-29 15:53:10
大家,我正在用 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说

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

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

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


查看完整回答
反对 回复 2022-12-29
  • 1 回答
  • 0 关注
  • 54 浏览
慕课专栏
更多

添加回答

举报

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