webentwicklung-frage-antwort-db.com.de

Jquery DatePicker Setzt das Standarddatum

Ich habe zwei Datumsfelder, in denen ich DatePicker zur Auswahl der Daten verwende.

Für das erste Datumsfeld möchte ich das heutige Datum als Standarddatum verwenden.
Für das zweite Datumsfeld benötige ich today + 15 Tage als Standarddatum

jQuery

$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true}); 

Wie stelle ich die Standarddaten ein?

Ich habe setDate: new Date() für das erste Date ausprobiert, aber es funktioniert nicht.

24
maaz

Heutiges Datum:

$( ".selector" ).datepicker( "setDate", new Date());
// Or on the init
$( ".selector" ).datepicker({ defaultDate: new Date() });

15 Tage ab heute:

$( ".selector" ).datepicker( "setDate", 15);
// Or on the init
$( ".selector" ).datepicker({ defaultDate: 15 });

jQuery ui docs

46
gdoron

Zum Erstellen des Datepickers und zum Einstellen des Datums.

$('.next_date').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date());
24
Ajit Singh

verwenden Sie defaultDate ()

Stellen Sie das Datum so ein, dass es beim ersten Öffnen markiert wird, wenn das Feld leer ist. Geben Sie entweder ein tatsächliches Datum über ein Date-Objekt oder als Zeichenfolge im aktuellen [[UI/Datepicker # Option-DateFormat | DatumFormat]] oder eine Anzahl von Tagen ab heute (z. B. +7) oder eine Zeichenfolge mit Werten und Zeiträumen ( 'y' für Jahre, 'm' für Monate, 'w' für Wochen, 'd' für Tage, zB '+ 1m + 7d') oder Null für heute.

versuche dies

$("[name=trainingStartFromDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: new Date()});
$("[name=trainingStartToDate]").datepicker({ dateFormat: 'dd-mm-yy', changeYear: true,defaultDate: +15}); 
8
bipen

Für das heutige Datum 

$(document).ready(function() {
$('#textboxname').datepicker();
$('#textboxname').datepicker('setDate', 'today');});
7
Meena

Zuerst müssen Sie das aktuelle Datum abrufen

var currentDate = new Date();

Dann müssen Sie es wie unten angegeben in die Argumente von datepicker einfügen

$("#datepicker").datepicker("setDate", currentDate);

Überprüfen Sie das folgende jsfiddle .

6
Haisum Usman
<script  type="text/javascript">
    $(document).ready(function () {
        $("#txtDate").datepicker({ dateFormat: 'yy/mm/dd' }).datepicker("setDate", "0");
        $("#txtDate2").datepicker({ dateFormat: 'yy/mm/dd',  }).datepicker("setDate", new Date().getDay+15); });                       </script>   
3

Code zur Anzeige des aktuellen Datums in der Elementeingabe oder im Datepicker mit ID = "mydate" 

Vergessen Sie nicht, einen Verweis auf jquery-ui - *. Js hinzuzufügen

    $(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