Jquery DatePicker Встановити дату за замовчуванням

У мене є два поля дати, де я використовую DatePicker для вибору дат.

For the first date field, I want today's date as the default date.
For the second date field, I need today + 15 days as my default date

jQuery

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

Як встановити типові дати?

Я спробував setDate: new Date() для першої дати, але він не працює.

23

7 Відповіді

Сьогоднішня дата:

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

Через 15 днів:

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

Документи jQuery ui

43
додано
@KushalJain, якщо ви бачите це, ймовірно, тому що ви не ініціалізували вибір дати. Ви повинні запустити "$ (" .selector ") .datepicker ()" перед запуском "$ (" .selector ") .datepicker (" setDate ", new Date ());"
додано Автор Dave, джерело
Я націлюю її так, як це показано в текстовому полі, але не в календарі
додано Автор Kushal Jain, джерело

Щоб створити вибірник дати і встановити дату.

$('.next_date').datepicker({ dateFormat: 'dd-mm-yy'}).datepicker("setDate", new Date());
20
додано

use defaultDate()

Встановіть дату, щоб виділити на першому відкритті, якщо поле порожнє. Вкажіть або фактичну дату через об'єкт Date, або як рядок у поточному [[UI/Datepicker # option-dateFormat | dateFormat]], або кількість днів з сьогоднішнього дня (наприклад, +7) або рядок значень і періодів ( 'y' для років, 'm' для місяців, 'w' для тижнів, 'd' для днів, наприклад '+ 1m + 7d'), або null для сьогодні.

спробуйте це

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

За сьогоднішню дату

$(document).ready(function() {
$('#textboxname').datepicker();
$('#textboxname').datepicker('setDate', 'today');});
7
додано

Спочатку потрібно отримати поточну дату

var currentDate = new Date();

Потім потрібно помістити його в аргументи datepicker, як зазначено нижче

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

Перевірте наступні jsfiddle .

6
додано
<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
додано

Код для відображення поточної дати в елементі введення або виборі дати з ідентифікатором

Не забудьте додати посилання на jquery-ui - *. Js

    $(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
додано