日時ローカルFirefoxの

Question

のための互換性のある私は、そうで

<input type="datetime-local" ng-model="event.date_time.start" /> 
<input type="week" ng-model="event.date_time.start" /> 

としてHTML5入力フィールドの一部をインターフェースAngularJSに使用しています。 今、私はfirefoxと互換性がある必要がありますので、私はこれらを再加工する必要があります。

JavaScriptを使用してブラウザを検出し、それに応じて異なるフィールドを表示するのが最善ですか、それとも互換性のある方法がありますか？

Answer 1

ブラウザー自体を検出するよりも、ブラウザーとバージョンが一部の入力タイプに互換性があるかどうかを検出する方が優れています。

幸いにもこれを行う簡単な方法がいくつかあります。私はユーザーModernizr.jsが好きです。以下

コードは、ブラウザがModernizr.jsを使用してdatetime-localをサポートしているかどうかをテストする方法を示していますし、それがサポートされていない場合jQuery.uiはプラグインと呼ばれるdatetimepicker適用されます。

<script> 
    <!-- 
    if(!Modernizr.inputtypes['datetime-local']) { 
     $('input[type=datetime-local]').datetimepicker(); 
    } 
    --> 
</script>