HTML 5 - type d'Entrée date de mise en forme sur iOS

Je suis en utilisant HTML 5 sur un iPhone. Ce formulaire est un élément de saisie comme suit:

<input id="birthdate" type="date" />

Lorsqu'un utilisateur clique sur ce champ, l'iOS sélecteur de date s'affiche. Après qu'un utilisateur sélectionne une date, elle met la date dans le champ affiché en tant que quelque chose comme: Avr 14, 2012.

Ma question est, est-il un moyen de formater cette date, de sorte qu'il ressemble à 04-14-2012 dans la zone de texte? Ou, de préférence, est-il un droit de l'avant l'approche de la conversion de l'iOS format de date pour un objet Date JavaScript?

double possible de la Spécification de la valeur de sortie d'un HTML5 input type = "date"?

OriginalL'auteur JavaScript Developer | 2012-04-14

  1. 4

    J'ai toujours pensé que le format était censé être YYYY-MM-DD.

    Spec W3C & RFC3339.

    De toute façon, vous pouvez le convertir avec JavaScript.

    var dateInput = document.getElementById('birthdate');

dateInput.addEventListener('change', function() {
    dateInput.value = new Date(dateInput.value).toISOString().split('T')[0];
}, false);
    Vous êtes correct. Mais iOS a toujours à faire, il y chose.

    OriginalL'auteur alex

  2. 2

    Pas.

    Il existe deux formats de lecture:

    • affiche format
    • format interne exposés à JavaScript et envoyées au serveur

    Vous ne pouvez pas modifier le format d'affichage. C'est au navigateur de décider de la manière dont la date est présenté à l'utilisateur (dans la pratique, il est déterminé par les paramètres régionaux du système).

    Vous ne pouvez pas modifier le format interne. C'est toujours ISO8601, quel que soit le navigateur/locale.

    OriginalL'auteur Kornel

  3. 0

    La suite devrait le faire.

    $dat = new DateTime($_POST['MyDATE']);
$new_format = $dat->format('Y-m-d');
    Pourquoi attendez-vous le backend à être écrit en PHP?

    OriginalL'auteur karim

  4. 0

    Je suis d'accord avec @PorneL réponse, cependant, vous pouvez éventuellement faire un peu de travail pour simuler les résultats que vous voulez. Je doit préciser que ce n'est pas la meilleure façon de le faire.

    En pseudo code:

    • Ont deux entrées, l'une de type date et de l'autre du texte.
    • Faire de la date d'entrée soit invisible ou 1px 1px x dans le côté, et de faire de la saisie de la taille que de la date que vous souhaitez
    • À se concentrer sur la saisie de texte, placer le curseur sur le côté de la date d'entrée automatiquement.
    • À ce stade, l'utilisateur va être modifier la date d'entrée champ
    • Sur le changement de la date de champ, saisissez la valeur et de l'insérer dans le champ de texte à l'aide de quelque mise en forme que vous préférez.

    Encore une fois, il peut ne pas être la meilleure solution, mais il peut fonctionner de cette façon.

    OriginalL'auteur Tim Ferrell