blocks|key|1011704|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1011705|var+jsDate+=+$('#your_datepicker_id').datepicker('getDate');
if+(jsDate+!==+null)+{+//+if+any+date+selected+in+datepicker
++++jsDate+instanceof+Date;+//+->+true
++++jsDate.getDate();
++++jsDate.getMonth();
++++jsDate.getFullYear();
}|code-block|syntax|javascript|1011706|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|$]]

Use

<pre><code>var jsDate = $('#your_datepicker_id').datepicker('getDate');
if (jsDate !== null) { // if any date selected in datepicker
 jsDate instanceof Date; // -&gt; true
 jsDate.getDate();
 jsDate.getMonth();
 jsDate.getFullYear();
}
</code></pre>

blocks|key|1011768|text|您可以使用getDate函数检索日期：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1011769|$("#datepicker").datepicker(+'getDate'+);|code-block|syntax|javascript|1011770|该值将作为JavaScript+Date对象返回。|1011771|如果要在用户选择日期时使用此值，可以使用onSelect事件：|1011772|$("#datepicker").datepicker({
+++onSelect:+function(dateText,+inst)+{+
++++++var+dateAsString+=+dateText;+//the+first+parameter+of+this+function
++++++var+dateAsObject+=+$(this).datepicker(+'getDate'+);+//the+getDate+method
+++}
});|1011773|在本例中，第一个参数是字符串形式的选定日期。使用parseDate将其转换为JS+Date对象。|1011774|有关完整的jQuery+UI+DatePicker参考，请参见http://docs.jquery.com/UI/Datepicker。|offset|length|1011775|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.jquery.com/UI/Datepicker^0|0|0|0|0|0|0|V|10|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|16|8|@]|9|@$Q|17|R|18|1|19]]|A|$]]|$1|S|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

You can retrieve the date by using the getDate function:

<pre><code>$("#datepicker").datepicker( 'getDate' );
</code></pre>

The value is returned as a JavaScript Date object.

If you want to use this value when the user selects a date, you can use the onSelect event:

<pre><code>$("#datepicker").datepicker({
 onSelect: function(dateText, inst) { 
 var dateAsString = dateText; //the first parameter of this function
 var dateAsObject = $(this).datepicker( 'getDate' ); //the getDate method
 }
});
</code></pre>

The first parameter is in this case the selected Date as String. Use parseDate to convert it to a JS Date Object.

See <a href="http://docs.jquery.com/UI/Datepicker" rel="noreferrer">http://docs.jquery.com/UI/Datepicker</a> for the full jQuery UI DatePicker reference.

blocks|key|1011813|text|链接到getdate：https://api.jqueryui.com/datepicker/#method-getDate|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1011814|$("#datepicker").datepicker(+'getDate'+);|code-block|syntax|javascript|1011815|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jqueryui.com/datepicker/#method-getDate^0|B|1F|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]]]]

the link to getdate: <a href="https://api.jqueryui.com/datepicker/#method-getDate" rel="nofollow noreferrer">https://api.jqueryui.com/datepicker/#method-getDate</a>

<pre><code>$("#datepicker").datepicker( 'getDate' );
</code></pre>

blocks|key|797573|text|试试这个，就像咒语一样，给出你选择的日期。onsubmit表单尝试获取此值：-|type|unstyled|depth|inlineStyleRanges|entityRanges|data|797574|var+date+=+$("#scheduleDate").datepicker({+dateFormat:+'dd,MM,yyyy'+}).val();|code-block|syntax|javascript|797575|Reference+here|offset|length|797576|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/10266456/get-selected-value-in-datepicker-and-format-it^0|0|0|0|E|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Try this, works like charm, gives the date you have selected.
onsubmit form try to get this value:-

<pre><code>var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();
</code></pre>

<a href="https://stackoverflow.com/questions/10266456/get-selected-value-in-datepicker-and-format-it">Reference here</a>

blocks|key|797603|text|NamingException的答案对我有效。除了我用过|type|unstyled|depth|inlineStyleRanges|entityRanges|data|797604|var+date+=+$("#date").dtpicker({+dateFormat:+'dd,MM,yyyy'+}).val()|offset|length|style|CODE|797605|datepicker没有工作，但dtpicker工作了。|797606|entityMap^0|0|0|1U|0|0|A|G|8|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@$D|Q|E|R|F|G]|$D|S|E|T|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|U|8|@]|9|@]|A|$]]]|K|$]]

NamingException's answer worked for me. Except I used

<code>var date = $("#date").dtpicker({ dateFormat: 'dd,MM,yyyy' }).val()</code>

<code>datepicker</code> didn't work but <code>dtpicker</code> did.

blocks|key|797644|text|我刚刚做了一些web抓取来发现JequeryUI+datepicker的行为，这对我来说是必要的，因为我不熟悉JS对象，所以：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|797645|var+month+=+$(".ui-datepicker-current-day").attr("data-month");
var+year+=+$(".ui-datepicker-current-day").attr("data-year");
var+day+=+$(".ui-state-active").text();|code-block|syntax|javascript|797646|它只是选取与类的更改相关的值，因此您可以实现onchange事件：|797647|$(document).on('change',+'#datepicker',+function()+{+
++++var+month+=+$(".ui-datepicker-current-day").attr("data-month");
++++var+year+=+$(".ui-datepicker-current-day").attr("data-year");
++++var+day=+$(".ui-state-active").text();
+++$("#chosenday").text(+day+%2B+"+"+%2B+month++%2B+"+"+%2B+year+)++;
++++++++++++++++++++++++
});|797648|或者检查是否选择了当天：|797649|+++if(+$("a").hasClass("ui-state-active")+){+
+++++var+month+=+$(".ui-datepicker-current-day").attr("data-month");
+++++var+year+=+$(".ui-datepicker-current-day").attr("data-year");
+++++var+day=+$(".ui-state-active").text();
+++++$("#chosenday").text(+day+%2B+"+"+%2B+month++%2B+"+"+%2B+year+);
++++}|797650|entityMap^0|0|0|0|0|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|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|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|$]]

I just made some web scraping to discover the behaviour of JequeryUI datepicker, it was necessary for me because I'm not familiar with JS object so:
<pre><code>var month = $(&quot;.ui-datepicker-current-day&quot;).attr(&quot;data-month&quot;);
var year = $(&quot;.ui-datepicker-current-day&quot;).attr(&quot;data-year&quot;);
var day = $(&quot;.ui-state-active&quot;).text();
</code></pre>
it just pick the value in relation of the changing of class, so you can implement the onchange event:
<pre><code>$(document).on('change', '#datepicker', function() { 
 var month = $(&quot;.ui-datepicker-current-day&quot;).attr(&quot;data-month&quot;);
 var year = $(&quot;.ui-datepicker-current-day&quot;).attr(&quot;data-year&quot;);
 var day= $(&quot;.ui-state-active&quot;).text();
 $(&quot;#chosenday&quot;).text( day + &quot; &quot; + month + &quot; &quot; + year ) ;
 
});
</code></pre>
or check if the current day is selected:
<pre><code> if( $(&quot;a&quot;).hasClass(&quot;ui-state-active&quot;) ){ 
 var month = $(&quot;.ui-datepicker-current-day&quot;).attr(&quot;data-month&quot;);
 var year = $(&quot;.ui-datepicker-current-day&quot;).attr(&quot;data-year&quot;);
 var day= $(&quot;.ui-state-active&quot;).text();
 $(&quot;#chosenday&quot;).text( day + &quot; &quot; + month + &quot; &quot; + year );
 }
</code></pre>

I want to get the date from datepicker whenever user choose the date in jQuery UI datepicker and click the button on the form.

well I need to get the day, month and year of the date they choose. How can I get the date form jQuery UI?

How to get the date from jQuery UI datepicker

jQuery

每当用户在jQuery UI日期选择器中选择日期并单击表单上的按钮时，我都要从日期选择器中获取日期。我需要知道他们选择的日期是哪一天、哪一月、哪一年。如何从jQuery UI获取日期？

问如何从jQuery UI日期选择器获取日期
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从jQuery UI日期选择器获取日期EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何从jQuery UI日期选择器获取日期
EN