Compatible datetime local pour Firefox

Question

J'utilise sur une AngularJS interfacer quelques-uns des champs d'entrée HTML5 comme

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

Et ainsi de suite. Maintenant, je dois devenir compatible avec Firefox, donc j'ai besoin de les retravailler.

Est-il préférable de détecter le navigateur via javascript et d'afficher différents champs en conséquence ou de le rendre compatible?

Answer 1

Mieux que de détecter le navigateur lui-même est de détecter si le navigateur et la version sont compatibles avec un type d'entrée ou non.

Heureusement, il existe des moyens simples de le faire. J'aime utilisateur Modernizr.js.

Le code ci-dessous montre comment tester si le navigateur prend en charge l'utilisation datetime-local Modernizr.js et si elle est pas pris en charge applique plug-in jQuery.ui appelé datetimepicker:

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