Hot to get incomplete datetime-local input values

by

The W3C Date State spec defines the sanitization algorithm:

  • The value sanitization algorithm is as follows: If the value of the element is not a valid date string, then set it to the empty string instead.

Which is invoked whenever setting the value of the input element, as defined in DOM input value spec:

  • On getting, it must return the current value of the element. On setting, it must set the element’s value to the new value, set the
    element’s dirty value flag to true, invoke the value sanitization
    algorithm    , if the element’s type attribute’s current state defines
    one, and then, if the element has a text entry cursor position, should
    move the text entry cursor position to the end of the text field,
    unselecting any selected text and resetting the selection direction to
    none.

So the value property will always be an empty string when the date is not valid. There doesn’t seem to be any property for “original/dirty/user-typed text value” specified as it is not a text input after all.

IMO it is a good thing, it facilitates form validation as invalid dates are treated as falsy values (empty strings), it also leaves browsers to more freely implement the UI for date inputs.

More Related Contents:

  1. Reloading a single div in an html page [closed]
  2. jQuery doesn’t give a proper output, but gives these [closed]
  3. fixing slider on my website [closed]
  4. Stop form refreshing page on submit
  5. contenteditable change events
  6. Avoid dropdown menu close on click inside
  7. How to properly use jsPDF library
  8. How to get the element clicked (for the whole document)?
  9. How to clear the contents of an iFrame from another iFrame
  10. Prevent form redirect OR refresh on submit?
  11. TypeError: p.easing[this.easing] is not a function
  12. Hide scrollbar while still being able to scroll with mouse/keyboard [duplicate]
  13. JavaScript – head, body or jQuery?
  14. How to reset the bootstrap modal when it gets closed and open it fresh again?
  15. jQuery: get data attribute
  16. Creating a select box with a search option
  17. Simulate drop file event
  18. Jquery Event Not Triggering for DOM Elements Created after page load [duplicate]
  19. Why do multiple `.appendTo` calls on a newly created jQuery element only append it once?
  20. How to change only text node in element [duplicate]
  21. How to resize Twitter Bootstrap modal dynamically based on the content
  22. How do you limit options selected in a html select box?
  23. Prevent browser from loading a drag-and-dropped file
  24. How to bind click event to object tag?
  25. get parent.location.url – iframe – from child to parent
  26. make readonly/disable tinymce textarea
  27. Chrome Extension “Refused to load the script because it violates the following Content Security Policy directive”
  28. How to call parent window function from child window jquery?
  29. jquery .ready and height of element
  30. Possible to reverse a css animation on class removal?

Leave a Comment