Sélecteur de dates pour application Web iPhone

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

Sélecteur de date iOS

Le moyen le plus simple (et sans doute le meilleur) consiste à utiliser le datpicker de safari pour votre zone de saisie en utilisant HTML5 type = “date”

 

Il y a un sélecteur de date de style natif pour iPhone qui s’exécute dans le navigateur – http://cubiq.org/spinning-wheel-on-webkit-for-iphone-ipod-touch/11

Je sais que c’est un ancien message, mais pour les futurs téléspectateurs: Si vous utilisez jQuery, vous pouvez essayer Mobiscroll , un appareil de personnalisation personnalisable optimisé pour les appareils tactiles. Il est également livré avec iOS et Android.

Bien que le besoin d’inscription puisse ne pas vous plaire , Mobiscroll mérite d’être évalué si vous souhaitez offrir une solution de remplacement cohérente pour les anciens appareils ios (pré 5.x) et Android (pré 4.x) – et probablement pour d’autres plates-formes. pour supporter jQMobi (maintenant Intel appframework) et Zepto.

Il existe un sélecteur de date de style iPhone pour HTML5 à Next-Point . Peut-être que vous pouvez le changer pour répondre à vos besoins.

Vous ne pouvez pas Le sélecteur de dates est un contrôle natif et n’est pas disponible dans Mobile Safari.

Eh bien, vous pourriez coder les vôtres si c’était vraiment important pour vous.

Avec suffisamment de travail, vous pourriez probablement le faire ressembler au contrôle natif d’Apple.

On se croirait à un niveau comme si cela rapportait beaucoup de travail pour des gains limités.

  

le code ci-dessus NE FONCTIONNE PAS sur mozilla.

Firefox ne prend pas en charge la date du type d’entrée.

Dans ASP.Net, vous pouvez utiliser la zone de texte avec type = “date”.

  

Dans un navigateur compatible Html5, vous aurez un champ de date. Dans un navigateur non compatible Html5, vous aurez un champ de texte simple.