Wie setzt man das aktuelle Datum mit jquery ui datepicker

Question

Ich mache ein Profil bearbeiten Form, und ich bin mit Jquery iu datepicker, um DOB zu wählen, jetzt, wenn Benutzer bearbeitet seine Daten he/she hat bereits einige Datum im Profil-Feld, jetzt, wenn der Benutzer das Datum ändern wollte die datepicker erscheint, wie kann ich das Datum aus Profil-Feld auf das Datum Picker ausgewählt werden,

oder einfach, wie kann ich machen datepicker Anzeige bestimmte Datum, wenn hier geöffnet ist mein aktuelles Skript:

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: ,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']
        });

Also zum Beispiel, wenn mein dob ist 20.05.1987, wie könnte ich datepicker, um dieses Datum anzuzeigen, wenn geöffnet, oder nur Monat und ein Jahr

Answer 1

Sie können dem Datepicker-Widget ein Datumsobjekt als Standarddatum zuweisen, zum Beispiel als Standarddatum 1980, 2. Februar:

var d = new Date(1980, 2, 2);
$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: d,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']
        });

Das sollte genügen,

Ich hoffe, das hilft, Sinan.

Answer 2

Wenn Sie einen bestehenden Datumsauswahlwert ändern möchten, können Sie dies tun:

$('#txtDate').datepicker().datepicker('setDate', 'today');

Answer 3

Sie können das Standarddatum in das Feld input Feld:

<input name="date" id="member_dob" value="87-05-20" />

Beim Öffnen von DatePicker wird dieses Datum automatisch ausgewählt. Stellen Sie sicher, dass der Wert mit dateFormat die Sie verwenden.

Answer 4

Ich bin mir nicht sicher, ob ich richtig verstehe, was Sie hier zu erreichen versuchen. Zunächst einmal müssen Sie die aktuelle DOB von der Serverseite an Javascript übergeben.

Dafür gibt es zwei Möglichkeiten. Die eine ist, ein jsonObject zu erstellen, zum Beispiel:

var jsonDate = {date : '1987-05-20'};

Und dann in Ihrem Datepicker:

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: jsonDate.date,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']
});

Der zweite Schritt besteht darin, einen Wert für die Eingabe festzulegen, mit der Sie den DatePicker auslösen:

$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']
   });

<input type="text" id="member_dob" value="1987-05-20">

Answer 5

Das funktioniert bei mir:

$(function() {
      $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
          firstDay: 1,
          showAnim: 'slideDown',
          dateFormat: 'yy-mm-dd',
        });
      $("#datepicker").datepicker("setDate", new Date());
     });