How do I restrict past dates in HTML5 input type Date?

by

You can try this

 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" />

More Related Contents:

  1. Html h3 tag href [closed]
  2. How to change the colour of a scrollbar on a web page? [closed]
  3. best tools for theme design? [closed]
  4. Malicious file?
  5. How to refresh different page if a button was clicked in javascript or jquery
  6. How to send FormData objects with Ajax-requests in jQuery? [duplicate]
  7. Get cursor position (in characters) within a text Input field
  8. Print the contents of a DIV
  9. Insert ellipsis (…) into HTML tag if content too wide
  10. Adjust width of input field to its input
  11. Get city name using geolocation [duplicate]
  12. Download A File At Different Location Using HTML5
  13. How to pass parameters on onChange of html select
  14. HTML tag want to add both href and onclick working
  15. Stop User from using “Print Scrn” / “Printscreen” key of the Keyboard for any Web Page
  16. Getting binary (base64) data from HTML5 Canvas (readAsBinaryString)
  17. Convert HTML to data:text/html link using JavaScript
  18. How to use Javascript to read local text file and read line by line?
  19. Open IE browser in Firefox/Chrome page
  20. Text wrap in a element
  21. Open a new javascript window(.open) along with its CSS styling
  22. How to Disable Copy Paste (Browser)
  23. How to use google.maps.event.trigger(map, ‘resize’)
  24. How to show setCustomValidity message/tooltip without submit event
  25. How to scroll table’s “tbody” independent of “thead”?
  26. Remove ‘All Files’ option from HTML file input
  27. Placeholder for contenteditable div
  28. Converting Chart.js canvas chart to image using .toDataUrl() results in blank image
  29. What’s the best way to automatically insert slashes ‘/’ in date fields
  30. Loading script tags via AJAX

Leave a Comment