Javascript Girl
  1. Javascript Girl
  3. Vérifiez si le navigateur supporte HTML5 timepicker
Intereting Posts
Les événements Jquery pour la fermeture et l'ouverture de la liste déroulante sélectionnée, et non sur le changement Comment puis-je modifier la couleur de la tuile de chargement par défaut dans LeafletJS? Comment annuler .detach ()? Dans Ionic 2, comment créer une directive personnalisée qui utilise des composants ioniques? Construire un ensemble d'éléments à partir d'un ensemble d'objets? Où cookie enregistré pour le fichier HTML local Angular2 RxJS obtient l'erreur 'Observable_1.Observable.fromEvent n'est pas une fonction' AngularJS: usine $ service http Comment puis-je restreindre l'utilisation d'autres applications lors d'un examen en ligne? Obtenez la valeur d'énumération des boutons de soumission JSP à la classe d'action struts2 Obtenez un code postal basé sur lat & long? Supprimer un commentaire – Réagir js Crossdomain.xml pour jQuery? Trouvez l'index de tableau d'un objet avec une valeur de clé spécifique dans le trait de soulignement SCRIPT1014: caractère invalide

Vérifiez si le navigateur supporte HTML5 timepicker

J'ai construit un masque de temps dans JavaScript qui fonctionne très bien pour les PC, les Mac, les iPhones et les iPads, mais ne fonctionne pas toujours dans la plupart des téléphones Android (je préfère ne pas entrer dans les détails de la raison pour laquelle cette fonctionnalité ne peut pas fonctionner de manière cohérente Dans Android), donc je le désactive. Pour Samsung, le sélecteur de temps HTML5 intégré fonctionne très bien.

Pour les téléphones Android, je voudrais exploiter les sélecteurs de temps HTML5, lorsque les sélecteurs de temps de navigateur natifs sont disponibles (comme pour les téléphones Samsung modernes).

Je sais que je peux détecter si le navigateur prend en charge les types de saisie de date / datetime , mais cela n'indique pas nécessairement que le navigateur prend en charge un sélecteur de temps (Pour n'importe qui qui doute de ce test avec un HTC EVO 3D, comme un seul exemple). Cette Question ( Détecter les sélecteurs de date / heure natifs du navigateur ) indique que si le type de temps est pris en charge, le navigateur a implémenté un sélecteur de temps, mais ce n'est pas le cas.

Je connais modernizr mais je ne vois pas comment vérifier si le navigateur supporte un chronométrage.

Donc avec cette information de fond. Est-ce que quelqu'un connaît une façon de déterminer si le navigateur a mis en place un sélecteur de temps?

Je dirais que le pari le plus sûr consiste à supposer que <input type="date"> n'est pas pris en charge. À compter d'aujourd'hui (début 2016), l'interface utilisateur actuelle pour le sélecteur de date est toujours très incohérente dans les navigateurs. À moins que vous ne développiez un sous-ensemble de navigateurs très concret, vous allez avoir besoin d'un JavaScript de toute façon.

Les références:

Votre meilleur pari serait de supposer que les navigateurs qui prennent en charge un <input type="date"> ont également implémenté un sélecteur de temps pour cela.
(Autant que je sache, c'est le cas, quel point y aurait-il dans le type="date" support type="date" , s'il ne disposait pas d'un moyen raisonnable d'entrer la date?)

C'est parce qu'il n'y a aucun moyen de vérifier si le navigateur affiche actuellement un chronométrage. Mis à part les contrôles modernizr, il n'y a vraiment rien que vous pouvez faire.