[JavaScript] input type=”date”タグが使えるかどうか判定する – コピペで使える JavaScript逆引きリファレンス

[JavaScript] input type="date"タグが使えるかどうか判定する

投稿日：2019年6月29日

HTML5から導入された「input type="date"」タグが使えるかどうか判定するFunctionです。

サンプルソース

function canUseDate(){
  var obj = document.createElement("input");
  obj.setAttribute("type", "date");
  return obj.type != "text";
}

function canUseDate(){

var obj = document.createElement("input");

obj.setAttribute("type", "date");

return obj.type != "text";

}

ボタンを押すと、「input type="date"」タグが使えるかどうか判定します。

dateが使用できない環境では、type="date"をセットしてもdate="text"となる動作を利用しています。
HTML5から導入された「input type="date"」タグですが、ブラウザの種類やバージョンによっては対応していない場合があります。なので、使用する場合は当ファンクションでチェックして判定する必要があります。
ちなみに「input type="date"」タグが使用できない環境だと、代わりにテキストボックスが表示されます。

執筆者：とら