[英]How do I restrict past dates in html5 input type Date
我正在嘗試在input type="date"
中限制過去的日期。我可以限制未來的日期,但我不知道限制過去的日期。
$(function(){ var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if(month < 10) month = '0' + month.toString(); if(day < 10) day = '0' + day.toString(); var minDate= year + '-' + month + '-' + day; $('#txtDate').attr('min', minDate); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" id="txtDate" />
有什么建議嗎?
你可以試試這個
var maxDate = year + '-' + month + '-' + day;
alert(maxDate);
$('#txtDate').attr('min', maxDate);
$(function(){ var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if(month < 10) month = '0' + month.toString(); if(day < 10) day = '0' + day.toString(); var maxDate = year + '-' + month + '-' + day; // or instead: // var maxDate = dtToday.toISOString().substr(0, 10); alert(maxDate); $('#txtDate').attr('min', maxDate); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" id="txtDate" />
這是一個獲取今天日期並將其設置為最小值的 PHP 解決方案。
<input type="date" id="txtDate" min="<?php echo date("Y-m-d"); ?>">
這會將日期和月份設置為正確的兩位數格式。 https://www.php.net/manual/en/function.date.php
/*Enter a date before 1980-01-01:*/
<input type="date" name="bday" max="1979-12-31">
/*Enter a date after 2000-01-01:*/
<input type="date" name="bday" min="2000-01-02">
以編程方式,您可以執行以下操作來禁用過去的日期:
<input type='date' min={new Date().toISOString().split('T')[0]} />
在 HTML 中:
<input type="date" id="ExpiryDate" class="form-control" min="9/10/2018"/>
使用 Jquery 新版本:
function SetMinDate() {
var now = new Date();
var day = ("0" + now.getDate()).slice(-2);
var month = ("0" + (now.getMonth() + 1)).slice(-2);
var today = now.getFullYear() + "-" + (month) + "-" + (day);
$('#ExpiryDate').val(today);
$('#ExpiryDate').attr('min', today); }
$(function() {
$(document).ready(function () {
var todaysDate = new Date();
var year = todaysDate.getFullYear();
var month = ("0" + (todaysDate.getMonth() + 1)).slice(-2);
var day = ("0" + todaysDate.getDate()).slice(-2);
var maxDate = (year +"-"+ month +"-"+ day);
$('.class_of_input_field').attr('min',maxDate);
});
});``
<input type="date" id="date">
var date = new Date().toISOString().slice(0,10);
//To restrict past date
$('#date').attr('min', date);
//To restrict future date
$('#date').attr('max', date);
我試圖在input type="date"
限制過去的日期。我可以限制將來的日期,但是我不知道如何限制過去的日期。
$(function(){ var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if(month < 10) month = '0' + month.toString(); if(day < 10) day = '0' + day.toString(); var minDate= year + '-' + month + '-' + day; $('#txtDate').attr('min', minDate); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" id="txtDate" />
有什么建議嗎?
要選擇 To date 大於 from date 我們可以使用此代碼
$(document).on("change", "#from", function () { debugger var date = $(this).val(); $('#to').attr('min', date); });
$(function(){ var dtToday = new Date(); var month = dtToday.getMonth() + 1; var day = dtToday.getDate(); var year = dtToday.getFullYear(); if(month < 10) month = '0' + month.toString(); if(day < 10) day = '0' + day.toString(); var minDate= year + '-' + month + '-' + day; $('#date').attr('min', minDate); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="date" id="date" />
如果您使用的是 laravel,那么就這樣做
<input type="date" name="start_date" required min="{{date('Y-m-d')}}" />
對於常規 HTML,只需指定日期
<input type="date" name="start_date" required min="2022-07-18" />
在 laravel 5.8 中,
<input type="date" class="form-control" name="from_date" id="from_date"required min="{{date('Ym-d')}}" value="{{ old('from_date ') }}">
在這里,我使用了 min="{{date('Ym-d')}}"
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.