Как установить текущую дату с помощью jQuery пользовательского интерфейса управления datepicker

Question

Как установить текущую дату с помощью jQuery пользовательского интерфейса управления datepicker

Я создаю форму редактирования профиля, и я использую jQuery iu datepicker для выбора DOB, теперь, когда пользователь редактирует свои данные, у него уже есть некоторая дата в поле профиля, теперь, если пользователь хочет изменить дату, всплывает datepicker, как я могу сделать дату из поля профиля, чтобы выбрать в окне выбора даты,

Или просто как я могу сделать datepicker отображать конкретную дату, когда открыт вот мой текущий скрипт:

$('#member_dob').datepicker({

            changeMonth: true,

            changeYear: true,

            defaultDate: ,

            yearRange: '1970:1992',

            dateFormat: 'yy-mm-dd',

            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],

            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', 'Čet', 'Pet', 'Sub']

        });

Так, например, если мой dob-20.05.1987, как я могу установите datepicker для отображения этой даты при открытии, или просто месяц и год

965 5

jQuery jquery-ui jquery-ui-datepicker

5 ответов:

Comments

Ничего не найдено.

Sinan · Accepted Answer · 2010-02-13 22:35:29

Вы можете назначить объект date для настройки даты по умолчанию для виджета datepicker, например, в качестве даты по умолчанию 1980, 2 февраля:
var d = new Date(1980, 2, 2);
$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: d,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
        });
Это должно сделать то, что вам нужно,
Надеюсь, это поможет, Синан.

Donny Kurnia · Accepted Answer · 2010-02-13 22:31:06

Вы можете поместить дату по умолчанию в поле input:
<input name="date" id="member_dob" value="87-05-20" />
DatePicker автоматически выберет эту дату при открытии. Убедитесь, что значение совпадает с dateFormat, которое вы используете.

VinnyG · Accepted Answer · 2013-09-19 18:20:55

Если вы хотите изменить существующее значение datepicker, вы можете сделать это:
$('#txtDate').datepicker().datepicker('setDate', 'today');

Mike P. · Accepted Answer · 2010-02-13 22:35:33

Я не уверен, правильно ли я понял, что вы пытаетесь здесь сделать. Прежде всего, вам нужно передать текущий DOB с сервера на Javascript.

Вы можете сделать это двумя способами. Один из них-построить jsonObject, например:
var jsonDate = {date : '1987-05-20'};
А затем в вашем датапикере:
$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            defaultDate: jsonDate.date,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
});
Второй-установить значение для входа, на котором вы запускаете свой datePicker:
$('#member_dob').datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '1970:1992',
            dateFormat: 'yy-mm-dd',
            monthNamesShort: ['Jan','Feb','Mar','Apr','Maj','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            dayNamesMin: ['Ned', 'Pon', 'Uto', 'Sri', '&#268;et', 'Pet', 'Sub']
   });

<input type="text" id="member_dob" value="1987-05-20">

Oskar · Accepted Answer · 2014-01-06 16:58:27

Это работает для меня:

$(function() {
      $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
          firstDay: 1,
          showAnim: 'slideDown',
          dateFormat: 'yy-mm-dd',
        });
      $("#datepicker").datepicker("setDate", new Date());
     });