blocks|key|1612819|text|您使用的是什么版本的jQuery-UI？我已经用1.6r6、1.7和1.7.1测试了以下代码，并且运行正常：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1612820|//Set+DatePicker+to+October+3,+2008
$('#dateselector').datepicker("setDate",+new+Date(2008,9,03)+);|code-block|syntax|javascript|1612821|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

What version of jQuery-UI are you using? I've tested the following with 1.6r6, 1.7 and 1.7.1 and it works:

<pre><code>//Set DatePicker to October 3, 2008
$('#dateselector').datepicker("setDate", new Date(2008,9,03) );
</code></pre>

blocks|key|1398287|text|如果设置了minDate或maxDate选项，请检查您尝试设置的日期是否在允许的日期范围内。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398288|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Check that the date you are trying to set it to lies within the allowed date range if the minDate or maxDate options are set.

blocks|key|1613121|text|此示例显示如何使用下拉日历中的默认值和文本框中的值。它还显示了如何将默认值设置为以前的日期。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1613122|selectedDate是另一个保存日历控件的当前选定日期的变量|1613123|++++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);|code-block|syntax|javascript|1613124|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

This example shows of how to use default value in the dropdown calendar and value in the text box. It also shows how to set default value to previous date. 

selectedDate is another variable that holds current selected date of the calendar control

<pre><code> 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);
</code></pre>

blocks|key|1398251|text|注意到，对于Keith+Wood+(http://keith-wood.name/datepickRef.html)的DatePicker，以下作品-请注意，默认日期的设置是最后：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1398252|++++$('#datepicker').datepick({
++++++++minDate:+0,
++++++++maxDate:+'%2B145D',
++++++++multiSelect:+7,
++++++++renderer:+$.datepick.themeRollerRenderer,
++++++++***defaultDate:+new+Date('1+January+2008')***
++++});|code-block|syntax|javascript|1398253|entityMap|0|LINK|mutability|MUTABLE|url|http://keith-wood.name/datepickRef.html^0|I|13|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Noted that for DatePicker by Keith Wood (<a href="http://keith-wood.name/datepickRef.html" rel="noreferrer">http://keith-wood.name/datepickRef.html</a>) the following works - note that the setting of the default date is last:

<pre><code> $('#datepicker').datepick({
 minDate: 0,
 maxDate: '+145D',
 multiSelect: 7,
 renderer: $.datepick.themeRollerRenderer,
 ***defaultDate: new Date('1 January 2008')***
 });
</code></pre>

blocks|key|1398196|text|由于某些原因，在某些情况下，我无法使setDate工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398197|我发现的一种解决方法是简单地更新给定输入的值属性。当然，datepicker本身不会被更新，但如果你只是想要显示日期，它工作得很好。|1398198|var+date+=+new+Date(2008,9,3);
$("#your-input").val(date.getMonth()%2B"/"%2Bdate.getDate()%2B"/"%2Bdate.getFullYear());
//+Will+display+9/3/2008+in+your+#your-input+input|code-block|syntax|javascript|1398199|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

For some reason, in some cases I couldn't make the setDate work.

A workaround I found is to simply update the value attribute of the given input.
Of course the datepicker itself won't be updated but if what you just look for is to display the date, it works fine.

<pre><code>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
</code></pre>

blocks|key|1613296|text|$('.date-pick').datePicker().val(new+Date()).trigger('change')|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1613297|最后，这就是我在过去几个小时里寻找的东西！我需要启动更改，而不仅仅是文本字段中的设置日期！|unstyled|1613298|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$('.date-pick').datePicker().val(new Date()).trigger('change')
</code></pre>

finally, that what i look for the last few hours! I need initiate changes, not just setup date in text field!

blocks|key|1398537|text|这是一个旧的线程，但我只想给出一些我是如何使用的信息。如果你想设置今天的日期，你可以像下面这样简单地应用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398538|+$("#datepickerid").datepicker("setDate",+"0");|code-block|syntax|javascript|1398539|如果你想设置当前日期之前/之后的一些天数，那么使用符号-/%2B符号来表示你想要的天数，如下所示。|offset|length|style|CODE|1398540|+$("#datepickerid").datepicker("setDate",+"-7");
+$("#datepickerid").datepicker("setDate",+"%2B5");|1398541|entityMap^0|0|0|R|3|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

This is a old thread but I just want to give some information how I have used. If you want to set today date you can simply apply it like below. 

<pre><code> $("#datepickerid").datepicker("setDate", "0");
</code></pre>

If you want to set some days before/after the current date then use the symbol <code>-/+</code> symbol of how many days you want like below.

<pre><code> $("#datepickerid").datepicker("setDate", "-7");
 $("#datepickerid").datepicker("setDate", "+5");
</code></pre>

blocks|key|1398462|text|这对我来说很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398463|$("#dateselector").datepicker("option",+"defaultDate",+new+Date(2008,9,3));|code-block|syntax|javascript|1398464|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This works for me:

<pre><code>$("#dateselector").datepicker("option", "defaultDate", new Date(2008,9,3));
</code></pre>

blocks|key|1398330|text|setDate似乎只是jquery+UI中使用的内联datepicker的一个问题，具体的错误是InternalError:太多的递归。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398331|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

setDate only seems to be an issue with an inline datepicker used in jquery UI, the specific error is InternalError: too much recursion.

blocks|key|1398628|text|在Html中，您可以使用日期选择器添加输入字段，如下所示|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398629|<input+class="form-control+date-picker+fromDates"+id="myDate"+type="text">|code-block|syntax|javascript|1398630|然后在java脚本中，初始化datepicker并将值设置为如下所示的日期：|1398631|$('.fromDates').datepicker({
++++++++++++++++maxDate:+'0',
++++++++++++++++dateFormat:+"dd/mm/yy",
++++++++++++++++changeYear:+true,
++++++++++++++++changeMonth:+true,
++++++++++++++++yearRange:+"-100:%2B0"
++++++++++++});

var+myDateVal+=+moment('${value}').format('DD/MM/YYYY');
$('#myDate').datepicker().datepicker('setDate',+myDateVal+);|1398632|(此处的fromdate属性显示当前日期的先前日期)|1398633|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

In Html you can add your input field with a date picker like this

<pre><code>&lt;input class="form-control date-picker fromDates" id="myDate" type="text"&gt;
</code></pre>

and then in java script, initialize your datepicker and set your value to the date like this,

<pre><code>$('.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 );
</code></pre>

(In here fromdate attribute shows the previous dates of the current date)

blocks|key|1613333|text|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...|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1613334|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>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...
</code></pre>

blocks|key|1398687|text|请在下面找到一个，它对我设置数据函数有很大帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398688|$('#datepicker').datepicker({dateFormat：'yy-mm-dd'}).datepicker('setDate'，'2010-07-25')；|1398689|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

please Find below one it helps me a lot to set data function
$('#datepicker').datepicker({dateFormat: 'yy-mm-dd'}).datepicker('setDate', '2010-07-25');

blocks|key|1398031|text|我使用setDate方法也遇到了很多麻烦。似乎只在v1中有效。然而，似乎有效的是使用dpSetSelected方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1398032|++++$("#dateselector").dpSetSelected(new+Date(2010,+0,+26).asString());|code-block|syntax|javascript|1398033|祝好运!|1398034|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had a lot of trouble with the setDate method as well. seems to only work in v1. What does seem to work however is using the dpSetSelected method:

<pre><code> $("#dateselector").dpSetSelected(new Date(2010, 0, 26).asString());
</code></pre>

good luck!

blocks|key|1613164|text|或者，您可以简单地使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1613165|$('.date-pick').datePicker().val(new+Date()).trigger('change')|code-block|syntax|javascript|1613166|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

or you can simply have 

<pre><code>$('.date-pick').datePicker().val(new Date()).trigger('change')
</code></pre>

How can I change the selected date of jquery Date picker dynamically on the fly?
I have say created a inline date picker.
Then after some time, I want to reflect a different date there without recreating the datepicker from the scratch.

I tried the setDate method, but did not work, and there is not much documentation in the <a href="http://docs.jquery.com/UI/Datepicker" rel="noreferrer">doc</a>.

There is another (extended?) plugin <a href="http://www.kelvinluck.com/assets/jquery/datePicker/" rel="noreferrer">here</a>, but I want to use the plugin which is shipped with jquery.ui.all.js.

jQuery datepicker set selected date, on the fly

如何动态地更改jquery日期选择器的选定日期？我说过创建了一个内联日期选择器。一段时间后，我想在那里反映一个不同的日期，而不是从头开始重新创建datepicker。我尝试了setDate方法，但不起作用，而且中也没有太多文档。还有另一个(扩展？)插件，但我想使用jquery.ui.all.js附带的插件。

问jQuery日期选择器动态设置选定日期
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery日期选择器动态设置选定日期EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery日期选择器动态设置选定日期
EN