Comment voulez-vous effacer par programme HTML5 champs de date?

Je suis à la recherche d'un moyen de faire le clair HTML5 champs de date avec le Javascript (plus précisément jQuery). Jusqu'à présent j'ai essayé les deux méthodes que j'ai pensé évident:

$('input[type=date]').val('');

$('input[type=date]').val('0000-00-00');

Mais aucun d'eux de travailler sur la dernière version de google Chrome pour Pc, au moins, n'ai pas essayé avec d'autres navigateurs ou les plates-formes encore. Est-il un appel d'API ou de quelque chose qui peut effacer les champs de date dans une manière de croix-navigateur? Les Solutions que j'ai cherché comme cette obliger l'utilisateur à effacer le champ de date alors que j'ai besoin de le faire par programmation.

Il n'a pas de valeur par défaut? (Si vous ne pouvez pas le changer?)
Non, un simple input[type= "date"] champ par défaut est 'jj/mm/aaaa" valeur de l'espace réservé sur mon système si aucune valeur n'est spécifiée.
Oui c'est ce que je voulais dire. C'est empty, je suppose. Vous voulez qu'il n'ont aucune valeur?
Je tiens à vide, oui. 'jj/mm/aaaa" n'est pas une valeur, puisqu'il ne pas être détectée si vous avez de la sonde de sa valeur avec le Javascript, il sera vide.
Est-il besoin d'être vide, ou peut-on juste semble vide?

OriginalL'auteur Roy | 2014-01-02

  1. 7

    $("input[type=date]").val("") fonctionne pour moi sur chrome. Il définit le champ de saisie à jj/mm/aaaa.

    C'est peut-être spécifiques au navigateur. La plupart des navigateurs ne sont que partiellement ou pas de soutien pour cette entrée: http://caniuse.com/input-datetime

    Je suis en utilisant google Chrome Version 31.0.1650.63 m qui est la version la plus récente, selon le programme de mise à jour et qui ne fonctionne pas pour moi. Mon gros problème est que j'en ai besoin pour travailler sur au moins iOS Safari trop donc je ne peux pas sortir quelque chose qui ne fonctionne que sur Chrome.
    j'ai exactement la même version sur ubuntu/linux. essayé sur ce site wufoo.com/html5/types/4-date.html en entrant $("input[type=date]").val("") dans la console.
    Intéressant. Quand j'ai modifié le .modifier() sélecteur de tous les jour entrées à un seul champ de la date spécifiée par l'ID et essayé $(this).val(") ça ne fonctionne pas, mais si j'utilise $('#ID_HERE').val(") cela fonctionne. Merci! Difficile de l'appliquer à un général de la fonction si.

    OriginalL'auteur Dominik Goltermann

  2. 2
    document.getElementById("datePicker").valueAsDate = null;

    cette ligne de code fonctionne avec mon navigateur (chrome) , n'est pas testé sur d'autres navigateurs

    OriginalL'auteur Sajjad Ali Khan

  3. 0

    Vous pouvez restaurer l'espace réservé;

    $('input[type=date]')[0].valueAsDate = '';
    Ne pas faire n'importe quoi dans google Chrome.

    OriginalL'auteur Alex K.

  4. 0

    cette ligne fonctionne avec mon navigateur (chrome, la version la plus récente)

    $('input[type=date]')[0].value = 0;

    OriginalL'auteur frieder

  5. 0

    Pouvez-vous utiliser la fonction de réinitialisation de votre forme ?
    Vous pouvez faire cela avec bouton de réinitialisation :

          <button type="reset" value="Reset">Reset</button>

    ou programmaticaly :

          $("#yourFormId").reset();

    ou

          $('input[type=date]').reset();
    Il n'y a pas de jQuery reset() méthode
    donc cette $('#testForm').trigger("reset");

    OriginalL'auteur Romain Dénarié

  6. 0

    Utiliser le natif defaultValue propriété:

    $('input[type=date]').each( function resetDate(){
  this.value = this.defaultValue;
} );

    Cela fonctionne tant que le formulaire n'est pas un premier value spécifié, comme démontré dans ce violon.

    OriginalL'auteur Barney

  7. 0

    Cette solution vérifie si une valeur par défaut existe, et si oui, utilise la remise à zéro de l'entrée. Sinon, il efface l'entrée par la mise à jour de la valeur et de valueAsDate.

    Info sur valueAsDate disponible à: w3c.org.

    var dateEl = element.find('input#myDateInput[type="date"]');
dateEl[0].value = ('undefined' !== typeof dateEl[0].defaultValue) ? dateEl[0].defaultValue : '';
if (dateEl[0].value !== '') {
    dateEl[0].valueAsDate = new Date(dateEl[0].value);
} else {
    dateEl[0].valueAsDate = null;
}

    OriginalL'auteur Robert Waddell

  8. 0

    Si vous ne pouvez pas effacer un champ de date, cela peut aussi dépendre d'un bug lié au navigateur.
    J'ai passer un certain temps jusqu'à ce que j'ai appris que vous ne pouvez pas réinitialiser la date dans Firefox, si la date à laquelle le contrôle est désactivé.
    Voir: https://bugzilla.mozilla.org/show_bug.cgi?id=1465979

    Sans le bug, je suis en mesure d'effacer la date comme ça:

    document.getElementById("myDate").value = "";

    OriginalL'auteur David Gausmann