JQuery DatePicker Установить дату по умолчанию

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

Для поля первой даты я хочу, чтобы сегодня дата была датой по умолчанию.
Для второго поля даты мне нужно today + 15 дней в качестве даты по умолчанию

JQuery

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

Как установить даты по умолчанию?

Я пробовал setDate: new Date() для первой даты, но он не работает.

Ответы

Ответ 1

Сегодня дата:

$( ".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 docs

Ответ 2

Чтобы создать datepicker и установить дату.

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

Ответ 3

использовать defaultDate()

Установите дату для выделения при первом открытии, если поле пустое. Укажите фактическую дату через объект Date или как строку в текущем [[UI/Datepicker # option-dateFormat | dateFormat]] или в течение нескольких дней с сегодняшнего дня (например, +7) или строки значений и периодов ( "y" в течение многих лет, "м" в течение нескольких месяцев, "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});

Ответ 4

На сегодня Дата

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

Ответ 5

Сначала вам нужно получить текущую дату

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>

Ответ 7

Код для отображения текущей даты в элементе ввода или datepicker с ID = "mydate"

Не забудьте добавить ссылку на 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);
    });