閲覧者のブラウザがどのような機能をサポートしているかをチェックして、HTMLタグにサポート状況を判別できるクラスを付与し、その結果を記録したmodernizrグローバルオブジェクトを生成してくれます。
引用:LIG INC
modernizr.jsをダウンロードするのはこちらから
ダウンロードページを表示すると、選択した機能を判別できるJSを生成してダウンロードすることができる。
modernizr.jsでinput[type=”date”]をサポートしてないブラウザの時だけjQueryUIを使うようにする
<script src="modernizr.js"></script>
<script>
Modernizr.load({
test: Modernizr.inputtypes.date,
nope: [
'http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js',
'http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js',
'jquery-ui.css'
],
complete: function() {
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
}
});
</script>