首頁猿問如何在 html5 日歷中阻止日期

如何在 html5 日歷中阻止日期

JavaScript

米脂 2022-12-29 15:53:10

大家，我正在用 html5 創(chuàng)建一個(gè)可以自動(dòng)阻止特定日期的日歷，該信息在 PHP 變量中，我在日歷中有要阻止的天、月、年的數(shù)組，我該如何實(shí)現(xiàn)？我只需要知道我該怎么做，這必須用 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貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超8個(gè)贊

HTML input[type=date] 除了設(shè)置最小和最大日期 [1] 之外不支持任何限制。超出這些基礎(chǔ)的任何內(nèi)容都需要自定義邏輯。如果這是一個(gè)預(yù)訂系統(tǒng)，則可以選擇從航空公司或酒店復(fù)制日期選擇器。這主要可以在服務(wù)器上完成，客戶端上只有一層薄薄的 JS 來處理用戶選擇。

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

反對回復(fù) 2022-12-29