blocks|key|358833|text|您可以使用beforeShowDay来完成此操作|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|358834|以下示例禁用从2013年3月14日到2013年3月16日的日期|358835|var+array+=+["2013-03-14","2013-03-15","2013-03-16"]

$('input').datepicker({
++++beforeShowDay:+function(date){
++++++++var+string+=+jQuery.datepicker.formatDate('yy-mm-dd',+date);
++++++++return+[+array.indexOf(string)+==+-1+]
++++}
});|code-block|syntax|javascript|358836|演示：Fiddle|358837|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jqueryui.com/datepicker/#option-beforeShowDay|1|http://jsfiddle.net/arunpjohny/CxNNh/1/^0|5|D|0|0|0|0|3|6|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|11|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|9|@$A|13|B|14|1|15]]|C|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

You can use <a href="http://api.jqueryui.com/datepicker/#option-beforeShowDay" rel="noreferrer">beforeShowDay</a> to do this

The following example disables dates 14 March 2013 thru 16 March 2013

<pre><code>var array = ["2013-03-14","2013-03-15","2013-03-16"]

$('input').datepicker({
 beforeShowDay: function(date){
 var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
 return [ array.indexOf(string) == -1 ]
 }
});
</code></pre>

Demo: <a href="http://jsfiddle.net/arunpjohny/CxNNh/1/" rel="noreferrer">Fiddle</a>

blocks|key|358866|text|IE8没有indexOf函数，所以我改用了jQuery+inArray。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358867|$('input').datepicker({
++++beforeShowDay:+function(date){
++++++++var+string+=+jQuery.datepicker.formatDate('yy-mm-dd',+date);
++++++++return+[$.inArray(string,+array)+==+-1];
++++}
});|code-block|syntax|javascript|358868|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|$]]

IE 8 doesn't have indexOf function, so I used jQuery inArray instead.

<pre><code>$('input').datepicker({
 beforeShowDay: function(date){
 var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
 return [$.inArray(string, array) == -1];
 }
});
</code></pre>

blocks|key|140922|text|$('input').datepicker({
+++beforeShowDay:+function(date){
+++++++var+string+=+jQuery.datepicker.formatDate('yy-mm-dd',+date);
+++++++return+[+array.indexOf(string)+==+-1+]
+++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|140923|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>$('input').datepicker({
 beforeShowDay: function(date){
 var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
 return [ array.indexOf(string) == -1 ]
 }
});
</code></pre>

blocks|key|358901|text|如果您还想阻止星期天(或其他日期)以及日期数组，我使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358902|jQuery(function($){

++++var+disabledDays+=+[
+++++++"27-4-2016",+"25-12-2016",+"26-12-2016",
+++++++"4-4-2017",+"5-4-2017",+"6-4-2017",+"6-4-2016",+"7-4-2017",+"8-4-2017",+"9-4-2017"
++++];

+++//replace+these+with+the+id's+of+your+datepickers
+++$("#id-of-first-datepicker,#id-of-second-datepicker").datepicker({
++++++beforeShowDay:+function(date){
+++++++++var+day+=+date.getDay();
+++++++++var+string+=+jQuery.datepicker.formatDate('d-m-yy',+date);
+++++++++var+isDisabled+=+($.inArray(string,+disabledDays)+!=+-1);

+++++++++//day+!=+0+disables+all+Sundays
+++++++++return+[day+!=+0+&&+!isDisabled];
++++++}
+++});
});+++|code-block|syntax|javascript|358903|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|$]]

If you also want to block Sundays (or other days) as well as the array of dates, I use this code:

<pre><code>jQuery(function($){

 var disabledDays = [
 "27-4-2016", "25-12-2016", "26-12-2016",
 "4-4-2017", "5-4-2017", "6-4-2017", "6-4-2016", "7-4-2017", "8-4-2017", "9-4-2017"
 ];

 //replace these with the id's of your datepickers
 $("#id-of-first-datepicker,#id-of-second-datepicker").datepicker({
 beforeShowDay: function(date){
 var day = date.getDay();
 var string = jQuery.datepicker.formatDate('d-m-yy', date);
 var isDisabled = ($.inArray(string, disabledDays) != -1);

 //day != 0 disables all Sundays
 return [day != 0 &amp;&amp; !isDisabled];
 }
 });
}); 
</code></pre>

blocks|key|358949|text|对于DD-MM-YY，请使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358950|var+array+=+"03-03-2017'，'03-10-2017'，'03-25-2017“|358951|$('#datepicker').datepicker({
++++beforeShowDay:+function(date){
++++var+string+=+jQuery.datepicker.formatDate('dd-mm-yy',+date);
++++return+[+array.indexOf(string)+==+-1+]
++++}
});

function+highlightDays(date)+{
++++for+(var+i+=+0;+i+<+dates.length;+i%2B%2B)+{
++++if+(new+Date(dates[i]).toString()+==+date.toString())+{
++++++++return+[true,+'highlight'];
++++}
}
return+[true,+''];
}|code-block|syntax|javascript|358952|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 DD-MM-YY use this code:

var array = ["03-03-2017', '03-10-2017', '03-25-2017"]

<pre><code>$('#datepicker').datepicker({
 beforeShowDay: function(date){
 var string = jQuery.datepicker.formatDate('dd-mm-yy', date);
 return [ array.indexOf(string) == -1 ]
 }
});

function highlightDays(date) {
 for (var i = 0; i &lt; dates.length; i++) {
 if (new Date(dates[i]).toString() == date.toString()) {
 return [true, 'highlight'];
 }
}
return [true, ''];
}
</code></pre>

blocks|key|358963|text|如果您想禁用jquery+datepicker中的特定日期，那么这里有一个简单的演示。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|358964|<script+type="text/javascript">
++++var+arrDisabledDates+=+{};
++++arrDisabledDates[new+Date("08/28/2017")]+=+new+Date("08/28/2017");
++++arrDisabledDates[new+Date("12/23/2017")]+=+new+Date("12/23/2017");
++++$(".datepicker").datepicker({
++++++++dateFormat:+"dd/mm/yy",
++++++++beforeShowDay:+function+(date)+{
++++++++++++var+day+=+date.getDay(),
++++++++++++++++++++bDisable+=+arrDisabledDates[date];
++++++++++++if+(bDisable)
++++++++++++++++return+[false,+"",+""]
++++++++}
++++});
</script>|code-block|syntax|javascript|358965|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|$]]

If you want to disable particular date(s) in jquery datepicker then here is the simple demo for you.

<pre><code>&lt;script type="text/javascript"&gt;
 var arrDisabledDates = {};
 arrDisabledDates[new Date("08/28/2017")] = new Date("08/28/2017");
 arrDisabledDates[new Date("12/23/2017")] = new Date("12/23/2017");
 $(".datepicker").datepicker({
 dateFormat: "dd/mm/yy",
 beforeShowDay: function (date) {
 var day = date.getDay(),
 bDisable = arrDisabledDates[date];
 if (bDisable)
 return [false, "", ""]
 }
 });
&lt;/script&gt;
</code></pre>

I have been trying to search for a solution to my Jquery ui datepicker problem and I'm having no luck. Here's what I'm trying to do...

I have an application where i'm doing some complex PHP to return a JSON array of dates that I want BLOCKED out of the Jquery UI Datepicker. I am returning this array:

<pre><code>["2013-03-14","2013-03-15","2013-03-16"]
</code></pre>

Is there not a simple way to simply say: block these dates from the datepicker?

I've read the UI documentation and I see nothing that helps me. Anyone have any ideas?

Jquery UI datepicker. Disable array of Dates

我一直在尝试寻找Jquery ui datepicker问题的解决方案，但我没有运气。这是我想要做的..。我有一个应用程序，我正在执行一些复杂的PHP操作，以返回一个JSON日期数组，我希望将这些日期从Jquery UI Datepicker中阻塞出来。我返回这个数组：["2013-03-14","2013-03-15...

问Jquery UI datepicker。禁用日期数组
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery UI datepicker。禁用日期数组EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Jquery UI datepicker。禁用日期数组
EN