How to disable previous dates in date in html

Tech Radhe answered on March 6, 2020 Popularity 9/10 Helpfulness 3/10

answer How to disable previous dates in date in html

related html set input type date to disable previous dates

related how to disable previous date in html input type date

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 html

Link to this answer
Share Copy Link

Contributed on Aug 21 2022

Tech Radhe

0 Answers Avg Quality 2/10

Closely Related Answers

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

Link to this answer
Share Copy Link

Contributed on Mar 06 2020

RandomCoder

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 previous dates in date in html

Contents

More Related Answers

How to disable previous dates in date in html

Closely Related Answers

html set input type date to disable previous dates

how to disable previous date in html input type date

Grepper

Documentation

Social

Legal

Contact

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