如何使用 jquery ui datepicker 设置当前日期
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/2258926/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
How to set current date with jquery ui datepicker
提问by ant
I'm making an edit profile form, and I'm using jquery iu datepicker to select DOB, now when user edits its data he/she has already some date in the profile field, now if the user wanted to change the date the datepicker pops up, how can I make the date from profile field to be selected on the date picker,
我正在制作一个编辑个人资料表单，并且我正在使用 jquery iu datepicker 来选择 DOB，现在当用户编辑其数据时，他/她在个人资料字段中已经有一些日期，现在如果用户想要更改日期选择器弹出，如何在日期选择器上选择配置文件字段中的日期，
or simply how can I make datepicker display specific date when opened here is my current script:
或者只是如何让 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']
});
So for instance if my dob is 20.05.1987 , how could I set datepicker to display that date when opened, or just month and a year
因此，例如，如果我的 dob 是 20.05.1987 ，我怎么能设置 datepicker 在打开时显示该日期，或者只是月份和年份
回答by Sinan
You can assign a date object to default date setting to datepicker widget, for instance as default date 1980, February 2nd:
您可以将日期对象分配给 datepicker 小部件的默认日期设置，例如作为默认日期 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']
});
This should do what you need,
这应该做你需要的，
hope it helps, Sinan.
希望能帮到你，思南。
回答by Donny Kurnia
You can put the default date into the inputfield:
您可以将默认日期放入该input字段：
<input name="date" id="member_dob" value="87-05-20" />
DatePicker will automatically selected that date when opened. Make sure the value match with dateFormatthat you're using.
DatePicker 将在打开时自动选择该日期。确保该值与dateFormat您正在使用的值匹配。
回答by VinnyG
If you want to change an existing datepicker value you can do this :
如果要更改现有的日期选择器值，可以执行以下操作：
$('#txtDate').datepicker().datepicker('setDate', 'today');
回答by Mike P.
Im not sure if I get right what you try to accomplish here. First of all you need to pass the current DOB from the serverside to Javascript.
我不确定我是否正确理解您在这里尝试完成的任务。首先，您需要将当前 DOB 从服务器端传递给 Javascript。
You can do that in two ways. One is to build a jsonObject, for example:
您可以通过两种方式做到这一点。一种是构建一个jsonObject，例如：
var jsonDate = {date : '1987-05-20'};
And then in your 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', 'Čet', 'Pet', 'Sub']
});
The second is to set a value for the Input you trigger you datePicker on :
第二个是为您触发 datePicker 的 Input 设置一个值：
$('#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">
回答by Oskar
This works for me:
这对我有用：
$(function() {
$( "#datepicker" ).datepicker({
changeMonth: true,
changeYear: true,
firstDay: 1,
showAnim: 'slideDown',
dateFormat: 'yy-mm-dd',
});
$("#datepicker").datepicker("setDate", new Date());
});
