wake-up-neo.com

So extrahieren Sie Werte aus HTML <input type = "date"> mit jQuery

Verwenden eines HTML input type="date" und einer Senden-Schaltfläche. Ich möchte die Variablen day, month und year mit den entsprechenden Werten aus der Datumseingabe füllen.

<input type="date" id="date-input" required />
<button id="submit">Submit</button>

und die jQuery:

var day, month, year;

$('#submit').on('click', function(){
  day = $('#date-input').getDate();
  month = $('#date-input').getMonth() + 1;
  year = $('#date-input').getFullYear();
  alert(day, month, year);
});

Hier ein Codebeispiel: https://jsfiddle.net/dkxy46ha/

der Konsolenfehler sagt mir, dass .getDate() keine Funktion ist.

Ich habe ähnliche Fragen gesehen, aber die Lösungen haben für mich nicht funktioniert. Wie kann ich Tag, Monat und Jahr aus dem input type="date" extrahieren? Vielen Dank

10
jmancherje

Zunächst müssen Sie ein Date-Objekt aus dem input-Elementwert erstellen. Und dann können Sie Tag, Monat und Jahr von diesem Objekt abrufen.

$('#submit').on('click', function(){
  var date = new Date($('#date-input').val());
  day = date.getDate();
  month = date.getMonth() + 1;
  year = date.getFullYear();
  alert([day, month, year].join('/'));
});

Arbeitsbeispiel: https://jsfiddle.net/8poLtqvp/

12
Yuriy Yakym

Der von input type="date" zurückgegebene Datumswert ist das Format yyyy-mm-dd. Könnte .split() mit dem Argument "-" verwenden, um ein Array abzurufen, das [yyyy, mm, dd] enthält.

Hinweis: alert() erwartet String als Parameter; druckt nicht dieselben Werte wie console.log() mit Komma ,-Operator

var day, month, year;

$('#submit').on('click', function() {
  var date = $('#date-input').val().split("-");
    console.log(date, $('#date-input').val())
  day = date[2];
  month = date[1];
  year = date[0];
  alert(day + month + year);
});

jsfiddle https://jsfiddle.net/dkxy46ha/2/

3
guest271314
date = new Date($('#date-input').val())
date.getDate()

...

2
Oleg Sklyar
        <input type="date" id="date-input"/>
        <input type="submit" id="submit" value="submit"/>


<script>
      $('#submit').on('click', function(){
              var date = new Date($('#date-input').val());
              var day = $('#date-input').getDate();
              var month = $('#date-input').getMonth() + 1;
              var year = $('#date-input').getFullYear();
              alert(day+"/"+ month+"/"+year);
            });
    </script>

Datumsklasse konvertiert Eingabedaten in Datumstyp. Dann gibt uns getMonth () einen Wert von 0 bis 11, sodass wir entweder Januaras als 0 betrachten können oder den erhaltenen Wert um 1 erhöhen können.

Hier habe ich nur Jquery verwendet, um Datum, Monate bzw. Jahr abzurufen. Wenn Sie die Daten veröffentlichen möchten, können Sie diese Werte in einen String konvertieren.

0
pramod gupta