[英]How to disable to type in HTML input date when choosing past dates?
我正在嘗試禁用input type="date"
中的過去日期。 我可以在日期選擇器中限制以前的日期。 但是當我在 HTML 日期選擇器中輸入任何以前的日期時,即使日期已經完成,我也可以保存數據(例如,我輸入12/08/2020 )
$(document).ready(function() { //DISABLED PAST DATES IN APPOINTMENT DATE var dateToday = new Date(); var month = dateToday.getMonth() + 1; var day = dateToday.getDate(); var year = dateToday.getFullYear(); if (month < 10) month = '0' + month.toString(); if (day < 10) day = '0' + day.toString(); var maxDate = year + '-' + month + '-' + day; $('#txt-appoint_date').attr('min', maxDate); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="date" id="txt-appoint_date" />
您可以停止keyboard input
onkeydown
事件。
$(document).ready(function() { //DISABLED PAST DATES IN APPOINTMENT DATE var dateToday = new Date(); var month = dateToday.getMonth() + 1; var day = dateToday.getDate(); var year = dateToday.getFullYear(); if (month < 10) month = '0' + month.toString(); if (day < 10) day = '0' + day.toString(); var maxDate = year + '-' + month + '-' + day; $('#txt-appoint_date').attr('min', maxDate); });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="date" id="txt-appoint_date" onkeydown="return false"/>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.