51 votes

Sélecteur de date pour application Web iPhone

Quelle est la meilleure façon d'afficher un sélecteur de date pour une application Web basée sur l'iPhone. Pouvons-nous montrer quelque chose comme le sélecteur de date natif de l'iPhone comme montré ci-dessous dans l'application web :

iOS Date Picker

2 votes

Veuillez adapter la réponse à une réponse plus appropriée. Nous n'avons pas besoin d'un paquetage externe que cubiq utilise, alors qu'il y a un moyen plus facile.

0 votes

128voto

Kyle Gibbens Points 1422

La méthode la plus simple (et sans doute la meilleure) consiste à utiliser le sélecteur de date intégré à Safari pour votre zone de saisie en utilisant HTML5 type="date".

<input type="date" />

4 votes

Cela m'a permis d'économiser tellement de temps et d'efforts que je me suis sentie très bien quand j'ai placé ce message sur mon site et que j'ai vu le petit sélecteur de date apparaître sur mon iPhone.

1 votes

Et qu'en est-il de l'abaissement de la date lorsque le type="date" ne fonctionne pas ? par exemple, dans le cas d'une conception de site réactive ?

1 votes

Je souhaite avoir vu cela avant d'écrire un plugin. C'est un tel gaspillage de quelques jours de travail.

36voto

Patrick Dinnen Points 375

Il existe un sélecteur de date natif de l'iPhone qui s'exécute dans le navigateur. http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11

17 votes

Dans iOS5, vous pouvez utiliser <input type="date" /> (voir la réponse de Kyle Gibbens), qui fera apparaître le sélecteur de date natif dans Mobile Safari ou dans une vue Web.

11voto

dioslaska Points 2393

Je sais que c'est un vieux post, mais pour les futurs téléspectateurs : Si vous utilisez jQuery, vous pouvez essayer Mobiscroll Ce module est un afficheur de date personnalisable optimisé pour les appareils tactiles. Il est livré avec un skin iOS et Android.

0 votes

@Tom, il ne nécessite pas jQuery Mobile, mais jQuery, Zepto.js ou App Framework.

0 votes

Très vrai, je l'utilise maintenant ! Je vais retirer mon commentaire.

0 votes

Pour info, ce n'est pas gratuit.

1voto

Philzen Points 858

Bien que la nécessité de s'enregistrer puisse être un désagrément, Mobiscroll semble valoir la peine d'être évalué si vous voulez fournir une solution de repli cohérente pour les anciens appareils ios (pré 5.x) et Android (pré 4.x) - et probablement d'autres plateformes, car il promet de prendre en charge jQMobi (maintenant Intel appframework) et Zepto.

1voto

user2451839 Points 1

Il existe un sélecteur de date de style iPhone pour HTML5 à l'adresse suivante Point suivant . Vous pouvez peut-être le modifier pour répondre à vos besoins.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X