繁体   English   中英

如何在 html5 输入类型 Date 中限制过去的日期

[英]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

希望下面的代码对您有所帮助。 这是正常的 HTML5 代码:

/*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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM