html - では...Chromeのカレンダーのポリフィルを今すぐ開始する必要がありますか？

Question

Chromeがついに<input type="date" />コントロールをリリースする可能性があるようです。これをmodernizrでポリフィルする方法はありますか？

Answer 1

この情報は、HTML5Rocks の投稿から得られたものです。

すべてのプラットフォームで jQuery Datepicker または別の JS カレンダー ライブラリを適用する場合は、input[type=date] の代わりに input[type=text] を使用します。input[type=date] をサポートするさまざまなブラウザーがさまざまな方法でそれを行うため、これは一貫した UI を確保するための最良の方法です。

Modernizr または独自のチェックを使用して、ブラウザがこの入力タイプをサポートしているかどうかを確認してから、ネイティブを使用するか、JS ライブラリを使用することができます。

var isDateInputSupported = function(){
  var elem = document.createElement('input');
  elem.setAttribute('type','date');
  elem.value = 'foo';
  return (elem.type == 'date' && elem.value != 'foo');
}

if (!isDateInputSupported())  { // or.. !Modernizr.inputtypes.date
  $('input[type="date"]').datepicker();
}