Wie zu Lesen Datum aus textBox mit Jquery UI DatePicker

Den unten Jquery UI Date Picker zeigt das Datum im richtigen format, aber liest es falsch.

HTML:

<input type="text" id="date">
<input type="button" id="btn" value="Show"/>

JavaScript:

$('#date').datepicker({dateFormat: 'dd-mm-yy'});
$('#btn').click(function(){
  var _myDate = new Date($('#date').val());
  alert(_myDate);
});

Was falsch? ( Jsfiddle Hier)

Es zeigt das Datum korrekt, aber liest es falsch...

Wenn ich es wie folgt:

$('#btn').click(function(){
      var _myDate = $('#date').val();
      alert(_myDate);
 });

Ist es ok, aber wenn es passieren auf Server-Seite mit C# als string und dann die Konvertierung in DateTime es gibt mir Fehler der Invalid Date wenn jeder Day ausgewählt ist größer als 12. Es behandelt mit Day als einen Monat. Und meine gewünschte format des Datums ist dd/mm/yyyy.

InformationsquelleAutor Shahid Iqbal | 2014-03-05

vielleicht ist das Ihre Antwort

$( "#date" ).datepicker({dateFormat: 'mm-dd-yy'});
    $('#btn').click(function(){
    var _myDate = new Date($('#date').val());
    var new_date=_myDate.split('-');
    var month=new_date[0];
    var day=new_date[1];
    var year=new_date[2];
    //you have 3 data, month, day and year.

    alert(month+"/"+day+"/"+year);
    });

können Sie verwenden, dass 3 variable Tag, Monat, Jahr schreiben Ihre Programme

Danke, hab die Idee aus Ihrer Antwort, und mein problem gelöst.
Ihr willkommen und Gott segne Sie. vergessen Sie nicht, drücken Sie die grüne Häkchen, um zu sagen, dies ist die wahre Antwort. 🙂
Habe diese Antwort für Sie arbeiten?

InformationsquelleAutor M98

0

Ändern var _myDate = new Date($('#date').val() ); zu var _myDate = $('#date').val());
- Haben Sie getestet, Ihren Vorschlag in Shahid ' s JSFiddle?
- Ja, ich habe getestet, für sein original-post, die nicht über die server-side-Abschnitt !
- Ich sehe, dass ist der Teil, der mir fehlte. So schlagen Sie vor, um zu übergeben, den Wert 'als' und führen Sie die Konvertierung auf dem server mit c# / .net-Bibliothek Umbauten, richtig?
- Nein! Ich würde nicht empfehlen, dass.Eigentlich hatte ich beabsichtigt, post die ganze Lösung, aber ich merkte, dass Kermani hatte, fast getan. Daher habe ich es nicht gemacht. Zu post eine Kultur-unabhängige Datum value an den server, der Autor sollte die yyyy-mm-dd format.By zu tun, dass der Weg, der server-side-code würde funktionieren .
- Ich bin damit einverstanden, und wenn es eine internationale Anwendung der UTC-offset gesendet werden sollen, zusammen als gut. Also ISO-Datum/Zeit-format wird empfohlen.
InformationsquelleAutor Toan Nguyen

versuchen, wie diese

$( "#date" ).datepicker({dateFormat: 'mm-dd-yy'});
$('#btn').click(function(){
var _myDate = new Date($('#date').val()  );
alert(_myDate);
});

DEMO

InformationsquelleAutor Anoop Joshi

0

Brauchen Sie nicht der Date-Typ-Deklaration - Sie können nur tun,
```
$( "#date" ).datepicker({dateFormat: 'dd-mm-yy'});
$('#btn').click(function(){
  var _myDate = $('#date').val();
alert(_myDate);
});
```
Javascript ist eine dynamisch typisierte Sprache, so dass das Datum der Initialisierung ist unnötig

InformationsquelleAutor Carl Sargunar
0

Versuchen Sie dies: es funktionieren
```
  $('#date').datepicker({dateFormat: 'dd-mm-yy',  changeMonth:true, changeYear:true,showOn: "both",buttonImage: "",buttonImageOnly: false });

console.log($('#date').val());
```
- In der Konsole funktioniert es einwandfrei, aber auf der server-Seite seine ungültiges Datum, wenn der Tag größer als 12, wie 13-03-14.
- welches format Sie wollen.
- dd/mm/yyyy auf der Server-Seite, ich m mit C#..
- in C# weiß ich nicht
InformationsquelleAutor Mr.G

Meine javaScript-Funktion...

convertDate = function (strDate) {
   var newDate = new Date();
   var oldDate = '';
   if (strDate.contains('/')) {
         oldDate = strDate.split('/');
      } else if (strDate.contains('-')) {
         oldDate = strDate.split('-');
      }
     //OldDate format is dd/mm/yyyy
      newDate.setDate(oldDate[0]);
      newDate.setMonth(oldDate[1] - 1);
      newDate.setYear(oldDate[2]);
      return newDate;
 }

InformationsquelleAutor Shahid Iqbal

0

Nur Parsen der textbox-Wert mit parseDate mit dem gleichen format, in dem Sie zunächst den datepicker:
```
console.log($.datepicker.parseDate("dd-mm-yy", $('#date').val()));
```
parseDate zurückkehren wird ein Date-Objekt, so dass Sie nicht brauchen, um manuell zu erstellen.

InformationsquelleAutor Delmo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.