2010-02-13 3 views
2

Я создаю форму профиля редактирования, и я использую jquery iu datepicker для выбора DOB, теперь, когда пользователь редактирует свои данные, у него уже есть дата в поле профиля , теперь, если пользователь хочет изменить дату, когда всплывает датапикер, как я могу сделать дату из поля профиля выбранным в подборщике даты,Как установить текущую дату с jquery ui 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'] 
     }); 

Так, например, если мой д.р. является 20.05.1987, как я мог установить DatePicker, чтобы отобразить эту дату при открытии, или только месяц и

ответ

6

Вы можете назначить объект даты по умолчанию настройки даты для 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'] 
     }); 

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

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

3

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

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

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

1

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

Вы можете сделать это двумя способами. Одним из них является построить JSONObject, например:

var jsonDate = {date : '1987-05-20'}; 

, а затем в вашем DatePicker:

$('#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"> 
3

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

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

Если выбора даты уже существует, то '$ ('# txtDate') DatePicker ('SETDATE', 'сегодня');' достаточно. –

1

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

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