HTML5 Date Input with jQuery Fallback

by Fahd Shariff

HTML

<input id="date" type="date" value="2018-05-26">

JavaScript

function supportsDateInput() {
  var input = document.createElement("input");
  input.setAttribute("type", "date");
  return input.type === "date";
  // or: return Modernizr.inputtypes.date;
}

if (!supportsDateInput()) {
  $('input[type=date]').datepicker({
    dateFormat: 'yy-mm-dd'
  });
}