Как установить текущую дату с помощью 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 для отображения этой даты при открытии, или просто месяц и год

278   5  

5 ответов:

Вы можете назначить объект 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', 'Čet', 'Pet', 'Sub']
        });

Это должно сделать то, что вам нужно,

Надеюсь, это поможет, Синан.

Вы можете поместить дату по умолчанию в поле input:

<input name="date" id="member_dob" value="87-05-20" />

DatePicker автоматически выберет эту дату при открытии. Убедитесь, что значение совпадает с dateFormat, которое вы используете.

Если вы хотите изменить существующее значение datepicker, вы можете сделать это:

$('#txtDate').datepicker().datepicker('setDate', 'today');

Я не уверен, правильно ли я понял, что вы пытаетесь здесь сделать. Прежде всего, вам нужно передать текущий 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">

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

$(function() {
      $( "#datepicker" ).datepicker({
          changeMonth: true,
          changeYear: true,
          firstDay: 1,
          showAnim: 'slideDown',
          dateFormat: 'yy-mm-dd',
        });
      $("#datepicker").datepicker("setDate", new Date());
     });
    Ничего не найдено.

Добавить ответ:
Отменить.