Set date input field’s max date to today

by

JavaScript only simple solution

datePickerId.max = new Date().toISOString().split("T")[0];
<input type="date" id="datePickerId" />
// below trick also works! Thanks jymbob for the comment.
datePickerId.max = new Date().toLocaleDateString('en-ca')

More Related Contents:

  1. How to change the style of the title attribute inside an anchor tag?
  2. Word-wrap in an HTML table
  3. Last margin / padding collapsing in flexbox / grid layout
  4. Is it possible to use JSF+Facelets with HTML 4/5?
  5. Vertically center two elements within a div [duplicate]
  6. set content height 100% jquery mobile
  7. Why is a div with “display: table-cell;” not affected by margin?
  8. Why isn’t object-fit working in flexbox?
  9. Resource interpreted as stylesheet but transferred with MIME type text/html (seems not related with web server)
  10. Best way to include CSS? Why use @import?
  11. Overflow:hidden dots at the end
  12. Angular 2 Checkbox Two Way Data Binding
  13. Use Font Awesome icon as CSS content
  14. Bootstrap 4 row fill remaining height
  15. What is the use of style=”clear:both”?
  16. How to set name of file downloaded from browser?
  17. Flex item should align left, not center, when it wraps
  18. Is there a way to use use text as the background with CSS?
  19. CSS Select box arrow style
  20. z-index not working with position absolute
  21. Preload multiple audio files
  22. CSS border color switch animation: “from” color not correct
  23. Pixelated edge around a CSS Circle with overflow: hidden;
  24. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  25. Advantages and disadvantages of using base64 encoded images [closed]
  26. Why would Google use a font tag?
  27. “Erasing” in html5 canvas
  28. Styling the “ element in CSS?
  29. inline-block element with no text renders differently
  30. Sizing flex items on the last row

Leave a Comment