2017-04-16 71 views
1

我使用的AngularJS接口部分HTML5輸入字段作爲日期時間本地兼容Firefox的

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

等。 現在我需要成爲Firefox兼容的,所以我需要重寫這些。

是否最好通過javascript檢測瀏覽器並相應地顯示不同的字段,或者有辦法使它兼容?

回答

1

比檢測瀏覽器本身更重要的是檢測瀏覽器和版本是否兼容某種輸入類型。

幸運的是,有一些簡單的方法可以做到這一點。我喜歡用戶Modernizr.js。

下面的代碼演示如何測試瀏覽器是否支持使用Modernizr.js datetime-local並且如果不支持它適用jQuery.ui插件叫做datetimepicker

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

你知道一個解決方案,允許選擇時間呢?就像日期時間 - 本地一樣。 –

+1

jQuery.ui插件「datetimepicker」這樣做。看看:https://xdsoft.net/jqplugins/datetimepicker/ –

相關問題