Set date input field s max date to today

Question

I just have a simple line of code like this    lt input type  date  min  1899-01-01  max  2000-01-01  gt  lt  input gt    Is there a simple way to set the max date to  today  instead of 2000-01-01  Or do I have to use Javascript to do this

User · Answer

I also had same issue  I build it trough this way I used struts 2 framework      lt script type  text javascript  gt       document  ready function        var year    new Date  getFullYear           effectiveDateId    datepicker  dateFormat   mm dd yy   maxDate     0                lt  script gt            lt s textfield name  effectiveDate  cssClass  input-large      key  label warrantRateMappingToPropertyTypeForm effectiveDate      id  effectiveDateId  required  true   gt    This worked for me

User · Answer

toISOString   will give current UTC Date  So to get the current local time we have to get getTimezoneOffset   and subtract it from current time   x000D   x000D  document getElementById  dt   max   new Date new Date   getTime   - new Date   getTimezoneOffset     60000  toISOString   split  T   0   x000D   lt input type  date  min  1899-01-01  id  dt    gt  x000D   x000D   x000D

User · Answer

Javascript will be required  for example     function            type  date     prop  max   function            return new Date   toJSON   split  T   0                 JSFiddle demo

User · Answer

A short but may be less readable version of one of the previous answers       lt script type  text javascript  gt        document  ready DOM Load        function DOM Load  e                datefield   on  click   dateOfBirth Click              function dateOfBirth Click e            let today   new Date                datefield   prop  max      today getUTCFullYear   -   today getUTCMonth     1  toString   padStart 2   0   -  today getUTCDate   toString   padStart 2   0               lt  script gt

User · Answer

Yes  and no   There are min and max attributes in HTML 5  but      The max attribute will not work for dates and time in Internet Explorer 10  or Firefox  since IE 10  and Firefox does not support these input types    EDIT  Firefox now does support it   So if you are confused by the documentation of that attributes  yet it doesn t work  that s why  See the W3 page for the versions   I find it easiest to use Javascript  s the other answers say  since you can just use a pre-made module   Also  many Javascript date picker libraries have a min max setting and have that nice calendar look

User · Answer

JavaScript only simple solution   x000D   x000D  datePickerId max   new Date   toISOString   split  T   0   x000D   lt input type  date  id  datePickerId    gt  x000D   x000D   x000D

User · Answer

I am using Laravel 7 x with blade templating and I use   lt input     max  quot    now  - gt toDateString  Y-m-d      quot  gt

User · Answer

it can be useful   If you want to do it with Symfony forms      today   new DateTime  now      formBuilder- gt add  startDate   DateType  class  array                      widget    gt   single text                       data      gt  new  DateTime                        attr      gt    min    gt   today- gt format  Y-m-d

User · Answer

In lieu of Javascript  a shorter PHP-based solution could be     lt input type  date  name  date1  max        lt  php          echo date  Y-m-d           gt    gt

User · Answer

You will need Javascript to do this   HTML   lt input id  datefield  type  date  min  1899-01-01  max  2000-13-13  gt  lt  input gt    JS  var today   new Date    var dd   today getDate    var mm   today getMonth   1    January is 0  var yyyy   today getFullYear     if dd lt 10           dd  0  dd            if mm lt 10           mm  0  mm         today   yyyy  -  mm  -  dd  document getElementById  datefield   setAttribute  max   today     JSFiddle demo

[html] Set date input field's max date to today

Examples related to html