Answers:
您正在使用哪个版本的jQuery-UI?我已经使用1.6r6、1.7和1.7.1测试了以下内容,并且可以正常工作:
//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );
本示例说明如何使用下拉日历中的默认值和文本框中的值。它还显示了如何将默认值设置为上一个日期。
selectedDate是另一个保存日历控件当前选定日期的变量
var date = new Date();
date.setDate(date.getDate() - 1);
$("#datepicker").datepicker({
dateFormat: "yy-mm-dd",
defaultDate: date,
onSelect: function () {
selectedDate = $.datepicker.formatDate("yy-mm-dd", $(this).datepicker('getDate'));
}
});
$("#datepicker").datepicker("setDate", date);
请注意,对于Keith Wood(http://keith-wood.name/datepickRef.html)的DatePicker,以下工作有效-请注意,默认日期的设置是最后一个:
$('#datepicker').datepick({
minDate: 0,
maxDate: '+145D',
multiSelect: 7,
renderer: $.datepick.themeRollerRenderer,
***defaultDate: new Date('1 January 2008')***
});
由于某些原因,在某些情况下我无法使setDate工作。
我发现一种解决方法是简单地更新给定输入的value属性。当然,日期选择器本身不会被更新,但是如果您只想显示日期,它就可以正常工作。
var date = new Date(2008,9,3);
$("#your-input").val(date.getMonth()+"/"+date.getDate()+"/"+date.getFullYear());
// Will display 9/3/2008 in your #your-input input
$('.date-pick').datePicker().val(new Date()).trigger('change')
最后,这就是我最近几个小时的样子!我需要进行初始更改,而不仅仅是在文本字段中设置日期!
.datepicker()
不.datePicker()
这对我有用:
$("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3));
在HTML中,您可以使用以下日期选择器添加输入字段
<input class="form-control date-picker fromDates" id="myDate" type="text">
然后在Java脚本中,初始化日期选择器,并将值设置为这样的日期,
$('.fromDates').datepicker({
maxDate: '0',
dateFormat: "dd/mm/yy",
changeYear: true,
changeMonth: true,
yearRange: "-100:+0"
});
var myDateVal = moment('${value}').format('DD/MM/YYYY');
$('#myDate').datepicker().datepicker('setDate', myDateVal );
(在这里fromdate属性显示当前日期的先前日期)
var dt = new Date();
var renewal = moment(dt).add(1,'year').format('YYYY-MM-DD');
// moment().add(number, period)
// moment().subtract(number, period)
// period : year, days, hours, months, week...
或者你可以简单地拥有
$('.date-pick').datePicker().val(new Date()).trigger('change')
.datepicker()
不会.datePicker()
。