wake-up-neo.net

Legen Sie das heutige Datum in jQuery UI datepicker als Standarddatum fest

Ich möchte nur, dass das heutige Datum der Standardwert in der Eingabe ist, die die datepicker der jQuery-Benutzeroberfläche verwendet:

<input id="mydate" type="text" />

Ich habe den folgenden Code ausprobiert, aber er hat nicht funktioniert:

var currentDate = new Date();  
$("#mydate").datepicker("setDate",currentDate);
60
Chris Abrams

Sie müssen den Aufruf von setDate getrennt vom Initialisierungsaufruf durchführen. So erstellen Sie den Datepicker und setzen das Datum auf einmal:

$("#mydate").datepicker().datepicker("setDate", new Date());

Warum es so ist, weiß ich nicht. Wenn es jemand tun würde, wäre das eine interessante Information.

88
Martin Eden

Sie müssen datepicker initialisieren, bevor Sie ein datepickerMethode aufrufen.

Hier ist ein 

Working JSFiddle .


$("#mydate").datepicker().datepicker("setDate", new Date());
//-initialization--^          ^-- method invokation
<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<input type="text" id="mydate" />


P.S: Dies setzt voraus, dass Sie das richtige Datum in Ihrem Computer eingestellt haben 

74
T J

Es ist sehr einfach, Sie fügen einfach dieses Skript hinzu,

$("#mydate").datepicker({ dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date());

SetDate set today date & dateFormat legt hier fest, welches Format Sie festlegen oder anzeigen möchten.

Hoffe, es ist eine einfache Skriptarbeit ..

21
rjony
$("#date").datepicker.regional[""].dateFormat = 'dd/mm/yy';
$("#date").datepicker("setDate", new Date());

Immer für mich arbeiten 

5

Dies funktioniert für mich, zuerst binden Sie Datepicker an das Textfeld und legen in der nächsten Zeile (heute als Standarddatum) das Datum fest 

$("#date").datepicker();

$("#date").datepicker("setDate", new Date());
4
Usman Younas

Hinweis: Wenn Sie setDate übergeben, rufen Sie eine Methode auf, die davon ausgeht, dass der Datepicker bereits für dieses Objekt initialisiert wurde.

$(function() {    
   $('#date').datepicker();
   $('#date').datepicker('setDate', '04/23/2014');
});

Test: http://jsfiddle.net/wimarbueno/hQkec/1/

3
Wilzon

Das funktionierte für mich und lokalisierte es auch:

$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
$(function() {
   $( "#txtDespatchDate" ).datepicker( );
   $( "#txtDespatchDate" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
   $('#txtDespatchDate').datepicker('setDate', new Date());
});
2
Jan

Festlegen des Standarddatums bei der Initialisierung:

$("#date").datepicker({
    defaultDate: '01/26/2014'
});
2

Einfach minDate einstellen: 0

Hier ist mein Skript:

$("#valid_from")
   .datepicker({
     minDate: 0,
     defaultDate: "+1w",
     changeMonth: true,
     numberOfMonths: 3
})
1
Mike Nguyen

Ich habe viele Möglichkeiten ausprobiert und eine eigene Lösung gefunden, die absolut nach Bedarf funktioniert.

"mydate" ist die ID des Eingabe- oder Datumsauswahlelementes/Steuerelements.

        $(document).ready(function () {

        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);

        onlyDate = today.getDate();

        if (onlyDate.toString().length == 2) {
            dateNewFormat += '-' + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }
        $('#mydate').val(dateNewFormat);
    });
0
Radha Anil K

Sie haben nicht definiert

$("#mydate").datepicker({});
0
Ashish Mehta

Versuche dies:

$('.datepicker').datepicker('update', new Date(year,month,day));
0
Abdo Bahhous