Установить начальное значение в datepicker с помощью jquery?

Ответ 1

Этот простой пример работает на меня...

HTML

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

JavaScript

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

Я смог создать это, просто посмотрев @руководство и прочитав объяснение setDate:

.datepicker("setDate", date)
Устанавливает текущую дату для выбора даты. Новая дата может быть датой объект или строка в текущем формате даты (например, "01/26/2009"), количество дней с сегодняшнего дня (например, +7) или строка значений и периодов ("y" для лет, "m" для месяцев, "w" для недель, "d" для дней, например "+1m +7 d ') или null, чтобы очистить выбранную дату.

Ответ 2

Вы можете установить значение в HTML, а затем запустить datepicker, чтобы начать/выделить фактическую дату.

<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());
});

Вышеупомянутые даже работают с датскими форматами даты

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

Ответ 3

Из jQuery:

Установите дату для выделения при первом открытии, если поле пустое. Укажите фактическую дату через объект Date или как строку в текущем dateFormat или несколько дней с сегодняшнего дня (например, +7) или строку значений и периодов ( "y" в течение многих лет, "m" в течение нескольких месяцев, "w" в течение недель, "d" в течение нескольких дней, например "+ 1m + 7d" ), или null на сегодняшний день.

Примеры кода

Инициализируйте datepicker с указанной опцией defaultDate.

$(".selector").datepicker({ defaultDate: +7 });

Получить или установить параметр defaultDate после init.

//getter
var defaultDate = $(".selector").datepicker("option", "defaultDate");
//setter
$(".selector").datepicker("option", "defaultDate", +7);

После того, как datepicker инициализирован, вы также можете установить дату с помощью:

$(/*selector*/).datepicker("setDate" , date)

Ответ 4

Используйте setDate

.datepicker( "setDate" , date )

Устанавливает текущую дату для datepicker. Новой датой может быть объект Date или строка в текущем формате даты (например, '01/26/2009 '), количество дней с сегодняшнего дня (например, +7) или строка значений и периодов (' y 'для лет, 'м' в течение нескольких месяцев, "w" в течение недель, "d" в течение нескольких дней, например "+ 1m + 7d" ), или null, чтобы очистить выбранную дату.

Ответ 5

Используйте этот код, который вам поможет.

<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);
}

Ответ 6

Я не совсем уверен, понял ли я ваш вопрос, но кажется, что вы пытаетесь установить значение для типа ввода Date.

Если вы хотите установить значение для типа типа ввода "Дата", его необходимо отформатировать как " yyyy-MM-dd" (Примечание: капитал ММ за месяц, нижний регистр мм в минутах). В противном случае он очистит значение и оставьте пустую дату.

Скажем, у вас есть кнопка под названием " DateChanger", и вы хотите установить свой дампинг на "22 декабря 2012 года" при нажатии на нее.

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

Не забудьте указать ссылку JQuery.

Ответ 7

Используйте его после кода инициализации, чтобы получить текущую дату (в формате datepicker):

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