javascript only Setze Anfangswert in Datepicker mit jquery?




jquery ui download only datepicker (6)

Ich versuche, einen Anfangswert in meinem jquery ui datepicker zu setzen. Ich habe verschiedene Wege ausprobiert, aber nichts scheint das Datum anzuzeigen, es ist leer.

var idag = new Date();
$("#txtFrom").datepicker("setDate", idag - 2);
$("#txtTom").datepicker("setDate", idag);
$("#txtFrom").datepicker("refresh");
$("#txtTom").datepicker("refresh");

Verwenden Sie es nach dem Initialisierungscode, um das aktuelle Datum (im Datepicker-Format) zu erhalten:

$(".ui-datepicker-today").trigger("click");

Dieses einfache example funktioniert für mich ...

HTML

<input type="text" id="datepicker">

JavaScript

var $datepicker = $('#datepicker');
$datepicker.datepicker();
$datepicker.datepicker('setDate', new Date());

Ich war in der Lage, dies zu erstellen, indem ich einfach das Handbuch setDate und die Erklärung von setDate :

.datepicker ("setDate", Datum)
Legt das aktuelle Datum für den Datumsauswahlpunkt fest. Das neue Datum kann ein Datumsobjekt oder ein String im aktuellen Datumsformat (zB '01 / 26/2009 '), eine Anzahl von Tagen ab heute (zB +7) oder eine Folge von Werten und Perioden (' y 'für Jahre, 'm' für Monate, 'w' für Wochen, 'd' für Tage, zB '+ 1m + 7d', oder null, um das ausgewählte Datum zu löschen.


Ich bin mir nicht ganz sicher, ob ich Ihre Frage verstanden habe, aber es scheint, dass Sie versuchen, einen Wert für einen Eingabetyp Date festzulegen.

Wenn Sie einen Wert für einen Eingabetyp " Datum " festlegen möchten , muss dieser als " JJJJ-MM-TT " formatiert werden (Hinweis: Großbuchstabe MM für Monat, Kleinbuchstabe MM für Minuten). Anderenfalls wird der Wert gelöscht und der Datepicker leer gelassen.

Nehmen wir an, Sie haben einen Button namens " DateChanger " und möchten Ihren Datepicker auf " 22 Dec 2012 " setzen, wenn Sie darauf klicken.

<script>
    $(document).ready(function () {
        $('#DateChanger').click(function() {
             $('#dtFrom').val("2012-12-22");
        });
    });
</script>
<input type="date" id="dtFrom" name="dtFrom" />
<button id="DateChanger">Click</button>

Denken Sie daran, die JQuery-Referenz aufzunehmen.


Verwenden Sie diesen Code, der Ihnen helfen wird.

<script>
InitializeDate();
</script>




<input type="text" id="txtFromDate" class="datepicker calendar-icon" placeholder="From Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;">
        <input type="text" id="txtToDate" class="datepicker calendar-icon" placeholder="To Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;">


function InitializeDate() {
    var date = new Date();
    var dd = date.getDate();             
    var mm = date.getMonth() + 1;
    var yyyy = date.getFullYear();

    var ToDate = mm + '/' + dd + '/' + yyyy;
    var FromDate = mm + '/01/' + yyyy;
    $('#txtToDate').datepicker('setDate', ToDate);
    $('#txtFromDate').datepicker('setDate', FromDate);
}

Verwenden Sie setDate

.datepicker( "setDate" , date )

Legt das aktuelle Datum für den Datumsauswahlpunkt fest. Das neue Datum kann ein Datumsobjekt oder ein String im aktuellen Datumsformat (zB '01 / 26/2009 '), eine Anzahl von Tagen ab heute (zB +7) oder eine Folge von Werten und Perioden (' y 'für Jahre, 'm' für Monate, 'w' für Wochen, 'd' für Tage, zB '+ 1m + 7d', oder null, um das ausgewählte Datum zu löschen.


Sie können den Wert im HTML-Code festlegen und dann den Datumszeiger starten, um das aktuelle Datum zu starten / hervorzuheben

<input name="datefrom" type="text" class="datepicker" value="20-1-2011">
<input name="dateto" type="text" class="datepicker" value="01-01-2012">
<input name="dateto2" type="text" class="datepicker" >


$(".datepicker").each(function() {    
    $(this).datepicker('setDate', $(this).val());
});

Das obige funktioniert sogar mit dänischen Datumsformaten

http://jsfiddle.net/DDsBP/2/





datepicker