Wie Sie programmgesteuert löschen von HTML5-Datums-Felder?

Ich bin auf der Suche nach einer Möglichkeit, programmgesteuert löschen von HTML5-Datums-Felder mit Javascript (speziell jQuery). Bisher habe ich versucht, zwei Methoden, die ich dachte, auf der Hand:

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

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

Aber keiner von Ihnen arbeiten auf der neuesten version von Chrome für den PC zumindest, nicht versucht haben, Sie mit anderen Browsern oder Plattformen noch. Gibt es einen API-Aufruf oder etwas, das Sie deaktivieren können Datum Felder in einer cross-browser Weg? Lösungen habe ich gesucht wie diese erfordern, dass der Benutzer deaktivieren Sie das Feld "Datum" in der Erwägung, dass muss ich dies programmgesteuert ausgeführt werden.

  • Nicht Sie haben einen Wert standardmäßig? (So kann man es nicht ändern?)
  • Nein, ein einfaches input[type=date] - Feld haben eine Standardeinstellung, 'dd/mm/yyyy' Platzhalter Wert auf mein system, wenn kein Wert angegeben ist.
  • Ja, dass ist es, was ich meinte. Das ist empty denke ich. Sie wollen, dass es zu keinerlei Wert haben?
  • Ich will es leer, ja. 'dd/mm/yyyy' ist kein Wert, da Sie nicht erkannt werden, wenn Sie die Sonde, deren Wert mit Javascript, ist Sie einfach leer.
  • Muss es leer sein, oder kann es scheinen einfach leer?
  • Das Feld wird in einer Datenbank gespeichert werden, so kann ich nicht haben, es erscheinen leere, aber eigentlich immer noch enthalten, der ursprüngliche Wert, wenn das Formular gespeichert wird

InformationsquelleAutor Roy | 2014-01-02
  1. 7

    $("input[type=date]").val("") funktioniert bei mir in chrome. Es setzt das Eingabefeld auf dd/mm/yyyy.

    Vielleicht es ist browser-spezifisch. Bei den meisten Browsern nur teilweise oder keine Unterstützung für diese Eingabe: http://caniuse.com/input-datetime

    • Ich bin mit Chrome Version 31.0.1650.63 m, welches ist die neuste Version nach dem Update, dass bei mir nicht funktioniert. Mein großes problem ist ich brauche es zum arbeiten mindestens iOS Safari auch so ich kann nicht loslassen, etwas, das funktioniert nur in Chrome.
    • ich habe genau die gleiche version, die auf ubuntu/linux. versuchte es auf dieser Seite wufoo.com/html5/types/4-date.html durch die Eingabe $("input[type=date]").val("") in die Konsole ein.
    • Interessant. Als ich das änderte .change () - Selektor aus, stammen alle Eingänge zu einem einzigen Feld Datum angegeben durch ID und versucht $(this).val(") funktioniert es nicht, aber wenn ich $('#ID_HERE').val(") das funktioniert. Danke! Schwierig anzuwenden, um eine Allgemeine Funktion.
    InformationsquelleAutor Dominik Goltermann
  2. 2
    document.getElementById("datePicker").valueAsDate = null;

    diese Zeile code funktioniert mit meinem browser (chrome) nicht getestet, die in anderen Browsern

    InformationsquelleAutor Sajjad Ali Khan
  3. 0

    Können Sie wieder den Platzhalter;

    $('input[type=date]')[0].valueAsDate = '';
    • Nicht alles in Chrom.
    InformationsquelleAutor Alex K.
  4. 0

    diese Zeile funktioniert mit meinem browser (chrome, aktuelle version)

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

    Können Sie mit der reset-Funktion der form ?
    Sie können dies tun, mit reset-Taste :

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

    oder programmaticaly :

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

    oder

          $('input[type=date]').reset();
    • Es ist kein jQuery reset() Methode
    • so dieses $('#testForm').trigger("reset");
    InformationsquelleAutor Romain Dénarié
  6. 0

    Verwenden Sie die native defaultValue Eigenschaft:

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

    Dies funktioniert, solange das Formular keine eine erste value angegeben, wie gezeigt, in diesem fiddle.

    InformationsquelleAutor Barney
  7. 0

    Diese Lösung prüft, ob ein Standardwert vorhanden ist und, wenn dem so ist, verwendet Sie zum zurücksetzen der Eingaben. Ansonsten, löscht er die Eingabe, indem Sie die Aktualisierung-Wert und valueAsDate.

    Info auf valueAsDate verfügbar unter: 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;
}
    InformationsquelleAutor Robert Waddell
  8. 0

    Wenn Sie nicht klar einem Feld "Datum", dies könnte auch davon abhängen, ein browser-bug.
    Ich verbringe einige Zeit, bis ich herausfand, dass Sie nicht setzen Sie das Datum in Firefox, wenn das Datum-Steuerelement deaktiviert ist.
    Siehe: https://bugzilla.mozilla.org/show_bug.cgi?id=1465979

    Ohne die Fehler, ich bin in der Lage, deaktivieren Sie das Datum so:

    document.getElementById("myDate").value = "";
    InformationsquelleAutor David Gausmann
Schreibe einen Kommentar