Breaking News: Grepper is joining You.com. Read the official announcement!

html set input type date to disable previous dates

Add Answer

RandomCoder answered on March 6, 2020 Popularity 10/10 Helpfulness 4/10

answer html set input type date to disable previous dates

related disable dates before today in input type date

related How to disable previous dates in date in html

related how to disable previous date in html input type date

related how to disable past date in input type date

html set input type date to disable previous dates

Comment

$(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;
    alert(maxDate);
    $('#txtDate').attr('min', maxDate);
});

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: date disable html input set

Link to this answer
Share Copy Link

Contributed on Mar 06 2020

RandomCoder

0 Answers Avg Quality 2/10

Closely Related Answers

disable dates before today in input type date

Comment

<html>
   <head> 
      <meta name="viewport" content="width=device-width, initial-scale=1"> 
      <script type="text/javascript">
        window.onload=function(){
          //from www.java2s.com
          var today = new Date().toISOString().split('T')[0];
          document.getElementsByName("setTodaysDate")[0].setAttribute('min', today);
      }
      </script> 
   </head> 
   <body> 
      <input name="setTodaysDate" type="date">  
   </body>
</html>

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: www.java2s.com

Tags: date

Link to this answer
Share Copy Link

Contributed on Oct 15 2022

Distinct Dove

0 Answers Avg Quality 2/10

How to disable previous dates in date in html

Comment

-1

<html>
    <head>
    <title>How to disable previous dates in date picker using JQuery - devnote.in</title>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.7.2.min.js"></script>
</head>
<body>
    <h1>How to disable previous dates in date picker using JQuery</h1>
    Date : <input id="date_picker" type="date">
    <script language="javascript">
        var today = new Date();
        var dd = String(today.getDate()).padStart(2, '0');
        var mm = String(today.getMonth() + 1).padStart(2, '0');
        var yyyy = today.getFullYear();

        today = yyyy + '-' + mm + '-' + dd;
        $('#date_picker').attr('min',today);
    </script>
</body>
</html>

Popularity 9/10 Helpfulness 3/10 Language html

Source: Grepper

Tags: date disable disa

Link to this answer
Share Copy Link

Contributed on Aug 21 2022

Tech Radhe

0 Answers Avg Quality 2/10

how to disable previous date in html input type date

Comment

12-4-2020

Popularity 1/10 Helpfulness 1/10 Language php

Source: Grepper

Tags: date disable html-input php

Link to this answer
Share Copy Link

Contributed on May 20 2022

19csc29 kili

0 Answers Avg Quality 2/10

how to disable past date in input type date

Comment

<!-- <input id="startDate" class="form-control" type="date" name=""> --!>


$(function(){
    var date = new Date();
    
    var getmonth = date.getMonth() + 1;
    var getday = date.getDate();
    var getyear = date.getFullYear();
    if(getmonth < 10)
        getmonth = '0' + getmonth.toString();
    if(getday < 10)
        getday = '0' + getday.toString();
    
    var inDate = getyear + '-' + getmonth + '-' + getday;
    alert(inDate);
    $('#startDate').attr('min', inDate);
});

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: date disable html input

Link to this answer
Share Copy Link

Contributed on Jun 23 2022

Coder Khayrul

0 Answers Avg Quality 2/10

html set input type date to disable previous dates

Contents

More Related Answers

html set input type date to disable previous dates

Closely Related Answers

disable dates before today in input type date

How to disable previous dates in date in html

how to disable previous date in html input type date

how to disable past date in input type date

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.