Chrome type=“date” et jquery ui sélecteur de date affrontent
J'ai une zone de saisie de type="date", tout fonctionne bien sous IE, mais dans la dernière version de google Chrome, il est livré avec un spinner, flèche du Bas et avec un espace réservé de jj/mm/aaaa.
Dans Chrome, cliquez sur ce domaine Chrome s'ouvre un datepicker et j'ai mappé jquery ui datepicker pour mon utilisation de l'application. Cette fois s'affrontent sur eux comme indiqué ci-dessous:
J'ai appliqué un correctif comme ci-dessous:
input[type="date"]::-webkit-calendar-picker-indicator{
display:none;
-webkit-appearance: none;
margin: 0;
}
input[type="date"]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
}
/** THIS DOESN'T WORK **/
input[type="date"]::-webkit-input-placeholder{
display:none !important;
-webkit-appearance: none !important;
visibility: hidden !important;
}
/** THIS DOESN'T WORK **/
Après l'ajout du code ci-dessus, il ressemble sage:
Le code ci-dessus se cache de la toupie et la flèche qui tire le Chrome du sélecteur de date. Mais il y a un problème, espace réservé ("mm/dd/yyyy") est toujours là pour la zone de texte de saisie; mon jquery ui du sélecteur de date est à venir très bien, mais lorsque je sélectionne toutes les dates, l'espace est toujours là.
Aucune valeur n'est que d'entrée de la boîte.
Besoin de savoir comment le supprimer de l'espace réservé pour le réglage de la valeur; aussi le format de la date, je suis à l'aide de l'application est aaaa/mm/jj.
Chrome version : Version 27.0.1448.0
Merci d'avance!!!
Veuillez prendre un coup d'oeil ici: stackoverflow.com/questions/11320615/...
OriginalL'auteur GOK | 2013-06-03
Vous devez vous connecter pour publier un commentaire.
Chrome 27 prend désormais en charge datepicker types de champs (comme à l'Opéra le fait déjà)
Vous pouvez vérifier avec modernizr.js si le champ date est prise en charge. Modernizr.inputtypes.date renvoie la valeur true si le champ date est prise en charge par le navigateur.
Le code suivant définit JQuery UI datepicker seulement si la date de champ n'est pas pris en charge:
À l'aide de Modernizr pour détecter les fonctionnalités de HTML5 et de fournir des issues
Consultez ici les tjvantoll.com/2012/06/30/...
OriginalL'auteur Maksym Kozlenko
Je traitées d'une façon délicate, j'ai mon champ de date que
type="text"
et j'ai ajouté un attribut commedata-type="date"
En jquery, je suis en cours d'exécution d'un code à remplacer dynamiquement
type="text
&data-type="date"
àtype="date"
, de sorte que le navigateur ne prend pas en faire un champ de date sur la charge mais mon jquery ui datepicker est appelé comme je suis l'ajout dynamique commetype="date"
... 🙂Espère que c'est utile à quelqu'un..
OriginalL'auteur GOK
Vous pouvez simplement supprimer le type de
"date"
et passer à"text"
comme dans la suite de violon:bonne chance
jsfiddle
OriginalL'auteur Joe Nabeezy
J'ai eu un problème similaire. Dans mon modèle/viewmodel j'avais spécifié le type de données Type de données.Date
J'ai remarqué quand j'ai enlevé ce le sélecteur de date commencé à travailler dans google Chrome.
Je pense essayé de changer le type de données Type de données.DateTime et essayé de nouveau dans chrome. Cette résolu le problème. Vous ne savez pas si cela s'applique à quelqu'un d'autre, mais cela m'a causé beaucoup de maux de tête si cela peut aider quelqu'un.
Cela a fonctionné dans MVC4 à l'aide de jqueryUI 1.8.20
OriginalL'auteur Grayson
Il est ce que j'utilise habituellement. J'ai un peu de formats différents de la datepicker que j'utilise, donc je n'ai pas de couverture pour tous les intrants. Toutefois en changer le sélecteur de ce qui fonctionne le mieux pour vous.
OriginalL'auteur Mike
Google offrait une autre façon de résoudre ce conflit que j'ai trouvé utile, au bas de ce post.
OriginalL'auteur Ben Hill