blocks|key|895832|text|确实是这样。datepicker具有可在初始化时设置的maxdate属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|895833|这是编解码器|895834|$("#datepicker").datepicker({+maxDate:+new+Date,+minDate:+new+Date(2007,+6,+12)+});|code-block|syntax|javascript|895835|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|$]]

Yes, indeed. The datepicker has the maxdate property that you can set when you initialize it.

Here's the codez

<pre><code>$("#datepicker").datepicker({ maxDate: new Date, minDate: new Date(2007, 6, 12) });
</code></pre>

blocks|key|895837|text|$(function()+{+$("#datepicker").datepicker({++maxDate:+'0'});+});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|895838|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>$(function() { $("#datepicker").datepicker({ maxDate: '0'}); });
</code></pre>

blocks|key|896049|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|896050|$('#datepicker').datepicker({
++++endDate:+new+Date()
});|code-block|syntax|javascript|896051|它将禁用将来的日期。|896052|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|$]]

Try This:

<pre><code>$('#datepicker').datepicker({
 endDate: new Date()
});
</code></pre>

It will disable the future date.

blocks|key|895877|text|仅用于未来日期的代码，并禁用今天的日期。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|895878|+var+d+=+new+Date();
+++++++++$("#delivdate").datepicker({
+++++++++showOn:+"button",
+++++++++buttonImage:+base_url%2B"images/cal.png",
+++++++++minDate:new+Date(d.setDate(d.getDate()+%2B+1)),
+++++++++buttonImageOnly:+true
++++++++});
+++++++++$('.ui-datepicker-trigger').attr('title','');+|code-block|syntax|javascript|895879|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|$]]

Code for Future Date only with disable today's date.

<pre><code> var d = new Date();
 $("#delivdate").datepicker({
 showOn: "button",
 buttonImage: base_url+"images/cal.png",
 minDate:new Date(d.setDate(d.getDate() + 1)),
 buttonImageOnly: true
 });
 $('.ui-datepicker-trigger').attr('title',''); 
</code></pre>

blocks|key|1110691|text|未来1年的日期可以通过以下方式完成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1110692|$('.date').datepicker({dateFormat:+'yy-mm-dd',+minDate:(0),+maxDate:(365)});|code-block|syntax|javascript|1110693|您还可以通过参数dateFormat更改日期格式|offset|length|style|CODE|1110694|entityMap^0|0|0|8|A|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|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Date for the future 1 year can be done by

<pre><code>$('.date').datepicker({dateFormat: 'yy-mm-dd', minDate:(0), maxDate:(365)});
</code></pre>

you can change the date format too by the parameter <code>dateFormat</code>

blocks|key|1110768|text|您可以使用以下代码。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1110769|$("#selector").datepicker({
++++maxDate:+0
});|code-block|syntax|javascript|1110770|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|$]]

you can use the following.

<pre><code>$("#selector").datepicker({
 maxDate: 0
});
</code></pre>

blocks|key|895955|text|http://stefangabos.ro/jquery/zebra-datepicker|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|895956|使用斑马日期选择器：|895957|$('#select_month1').Zebra_DatePicker({
++direction:+false,
++format:+'Y-m-d',
++pair:+$('#select_month2')
});

$('#select_month2').Zebra_DatePicker({
++direction:+1,+format:+'Y-m-d',
});|code-block|syntax|javascript|895958|entityMap|0|LINK|mutability|MUTABLE|url^0|0|19|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|W|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|4]]]]

<a href="http://stefangabos.ro/jquery/zebra-datepicker" rel="nofollow">http://stefangabos.ro/jquery/zebra-datepicker</a>

use zebra date pickers:

<pre><code>$('#select_month1').Zebra_DatePicker({
 direction: false,
 format: 'Y-m-d',
 pair: $('#select_month2')
});

$('#select_month2').Zebra_DatePicker({
 direction: 1, format: 'Y-m-d',
});
</code></pre>

blocks|key|1110739|text|是的，datepicker支持最大日期属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1110740|+$("#datepickeraddcustomer").datepicker({++
+++++++++++++dateFormat:+"yy-mm-dd",++
+++++++++++++maxDate:+new+Date()++
++++++++});|code-block|syntax|javascript|1110741|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|$]]

Yes, datepicker supports max date property. 

<pre><code> $("#datepickeraddcustomer").datepicker({ 
 dateFormat: "yy-mm-dd", 
 maxDate: new Date() 
 });
</code></pre>

blocks|key|1110750|text|$('#thedate,#dateid').datepicker({
+++++changeMonth:true,
+++++++++changeYear:true,
+++++++++yearRange:"-100:%2B0",
+++++++++dateFormat:"dd/mm/yy"+,
+++++++++maxDate:+'0',
+++++});
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1110751|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>$('#thedate,#dateid').datepicker({
 changeMonth:true,
 changeYear:true,
 yearRange:"-100:+0",
 dateFormat:"dd/mm/yy" ,
 maxDate: '0',
 });
});
</code></pre>

Is it possible to disable future date from today?

Let say today is 23/10/2010, so 24/10/2010 onwards are disabled.

Sorry I am very new in jQuery and JavaScript.

Disable future dates in jQuery UI Datepicker

jQuery

是否可以从今天起禁用未来日期？假设今天是2010年10月23日，因此2010年10月24日以后的时间将被禁用。对不起，我是jQuery和JavaScript的新手。

问在jQuery UI日期选择器中禁用未来日期
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery UI日期选择器中禁用未来日期EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery UI日期选择器中禁用未来日期
EN