如何使用jquery ui设置当前日期datepicker
问题描述:
我正在编辑一个配置文件表单,并且我正在使用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']
});
因此,举例来说,如果我的出生日期是1987年5月20日,我该如何设置日期选择器打开时显示日期,或只是月月有今年
答
您可以指定一个日期对象默认日期设置,日期选择控件,例如作为默认日期1980年2月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
匹配。
答
林不知道我是否正确地尝试在这里完成。首先,您需要将当前的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', 'Čet', 'Pet', 'Sub']
});
二是设置输入一个值,你触发你日期选择上:
$('#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', 'Čet', 'Pet', 'Sub']
});
<input type="text" id="member_dob" value="1987-05-20">
答
如果你想改变现有的日期选择器值,你可以这样做:
$('#txtDate').datepicker().datepicker('setDate', 'today');
答
这个工作对我来说:
$(function() {
$("#datepicker").datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
showAnim: 'slideDown',
dateFormat: 'yy-mm-dd',
});
$("#datepicker").datepicker("setDate", new Date());
});
如果日期选取器已经存在,那么'$( '#txtDate')日期选择器( '的setDate', '今天');'就足够了。 – 2015-11-06 17:43:20