blocks|key|1399208|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1399209|$("#datepicker").datepicker({+minDate:+0+});|code-block|syntax|javascript|1399210|从0中删除引号。|offset|length|style|CODE|1399211|entityMap^0|0|0|1|1|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|$]]

Try this:

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

Remove the quotes from <code>0</code>.

blocks|key|1183623|text|您只需指定一个最小日期-将其设置为0意味着最小日期是从今天开始的0天。您可以改为传递字符串'0d'+(默认单位是天)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1183624|$(function+()+{
++++$('#date').datepicker({+minDate:+0+});
});|code-block|syntax|javascript|1183625|entityMap^0|19|4|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You just need to specify a minimum date - setting it to 0 means that the minimum date is 0 days from today i.e. today. You could pass the string <code>'0d'</code> instead (the default unit is days).

<pre><code>$(function () {
 $('#date').datepicker({ minDate: 0 });
});
</code></pre>

blocks|key|1399432|text|如果您正在处理以前绑定的日期选取器，则设置|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1399433|$("#datepicker").datepicker({+minDate:+0+});|code-block|syntax|javascript|1399434|不会起作用。该语法仅在创建小部件时适用。|1399435|要为绑定日期选取器设置最小日期，请使用以下命令：|1399436|$("#datePicker").datepicker("option",+"minDate",+0);|1399437|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|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you are dealing with a previously bound date picker then setting

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

will not work. That syntax is applicable only when you are creating the widget.

To set min date for a bound date picker use the following:

<pre><code>$("#datePicker").datepicker("option", "minDate", 0);
</code></pre>

blocks|key|1183571|text|使用minDate选项设置可能的最小日期。http://jqueryui.com/demos/datepicker/#option-minDate|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1183572|entityMap|0|LINK|mutability|MUTABLE|url|http://jqueryui.com/demos/datepicker/#option-minDate^0|L|1G|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Use the minDate option to set the minimum possible date.
<a href="http://jqueryui.com/demos/datepicker/#option-minDate" rel="noreferrer">http://jqueryui.com/demos/datepicker/#option-minDate</a>

blocks|key|1399529|text|将0赋给mindate，它将禁用过去的日期。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1399530|$(+"#datepicker"+).datepicker({+minDate:+0});|code-block|syntax|javascript|1399531|Live+example|offset|length|1399532|read+more+here|1399533|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/ZL2Bc/|1|http://jqueryui.com/datepicker/#min-max^0|0|0|0|C|0|0|0|E|1|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@$I|13|J|14|1|15]]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]|U|$5|P|Q|R|A|$S|V]]]]

Give zero to mindate and it'll disabale past dates.

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

<a href="http://jsfiddle.net/ZL2Bc/">Live example</a>

<a href="http://jqueryui.com/datepicker/#min-max">read more here</a>

blocks|key|1183709|text|这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1183710|$("#datepicker").datepicker({+minDate:+%2B0+});|code-block|syntax|javascript|1183711|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:

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

blocks|key|1399572|text|//关闭未来日期|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1399573|$('#datetimepicker1').datetimepicker({
++++++++++++format:+'DD-MM-YYYY',
++++++++++++maxDate:+new+Date
++++++++});+|code-block|syntax|javascript|1399574|//关闭过去的日期|1399575|+$('#datetimepicker2').datetimepicker({
++++++++format:+'DD-MM-YYYY',
++++++++minDate:+new+Date
++++});|1399576|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

//disable future dates

<pre><code>$('#datetimepicker1').datetimepicker({
 format: 'DD-MM-YYYY',
 maxDate: new Date
 }); 
</code></pre>

//disable past dates

<pre><code> $('#datetimepicker2').datetimepicker({
 format: 'DD-MM-YYYY',
 minDate: new Date
 });
</code></pre>

blocks|key|1399588|text|$("#datePicker").datePicker({startDate:+new+Date()+});。这对我很管用|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1399589|entityMap^0|0|1I|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>$("#datePicker").datePicker({startDate: new Date() });</code>.
This works for me

blocks|key|1183777|text|我正在使用以下代码格式化日期，并在日历中显示2个月…|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1183778|<script>
$(function()+{

++++var+dates+=+$(+"#from,+#to"+).datepicker({

++++++++showOn:+"button",
++++++++buttonImage:+"imgs/calendar-month.png",
++++++++buttonImageOnly:+true,+++++++++++++++++++++++++++
++++++++defaultDate:+"%2B1w",
++++++++changeMonth:+true,
++++++++numberOfMonths:+2,

++++++++onSelect:+function(+selectedDate+)+{




++++++++++++$(+".selector"+).datepicker({+defaultDate:+%2B7+});
++++++++++++var+option+=+this.id+==+"from"+?+"minDate"+:+"maxDate",


++++++++++++++++instance+=+$(+this+).data(+"datepicker"+),
++++++++++++++++date+=+$.datepicker.parseDate(
++++++++++++++++++++instance.settings.dateFormat+%7C%7C
++++++++++++++++++++$.datepicker._defaults.dateFormat,
++++++++++++++++++++selectedDate,+instance.settings+);

++++++++++++dates.not(+this+).datepicker(+"option",+"dateFormat",+'yy-mm-dd'+);


++++++++}
++++});
});

</script>|code-block|syntax|javascript|1183779|问题是我不确定如何限制以前的日期选择。|1183780|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 am using following code to format date and show 2 months in calendar...

<pre><code>&lt;script&gt;
$(function() {

 var dates = $( "#from, #to" ).datepicker({

 showOn: "button",
 buttonImage: "imgs/calendar-month.png",
 buttonImageOnly: true, 
 defaultDate: "+1w",
 changeMonth: true,
 numberOfMonths: 2,

 onSelect: function( selectedDate ) {




 $( ".selector" ).datepicker({ defaultDate: +7 });
 var option = this.id == "from" ? "minDate" : "maxDate",


 instance = $( this ).data( "datepicker" ),
 date = $.datepicker.parseDate(
 instance.settings.dateFormat ||
 $.datepicker._defaults.dateFormat,
 selectedDate, instance.settings );

 dates.not( this ).datepicker( "option", "dateFormat", 'yy-mm-dd' );


 }
 });
});

&lt;/script&gt;
</code></pre>

The problem is I am not sure how to restrict previous dates selection.

blocks|key|1183875|text|确保将多个属性放在同一行中(因为您只显示了一行代码，所以您可能会遇到与我相同的问题)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1183876|我的将设置默认日期，但不会使旧日期变灰。这不起作用：|1183877|$('#date_end').datepicker({+defaultDate:+%2B31+})
$('#date_end').datepicker({+minDate:+1+})|code-block|syntax|javascript|1183878|这两种方法都能做到：|1183879|$('#date_end').datepicker({+defaultDate:+%2B31,+minDate:+1+})|1183880|1和%2B1的作用相同(或者在您的情况下是0和%2B0+)。|1183881|我:+Windows+7+x64，Rails+3.2.3，Ruby+1.9.3|1183882|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|W|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|Y|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Make sure you put multiple properties in the same line (since you only showed 1 line of code, you may have had the same problem I did).

Mine would set the default date, but didn't gray out old dates. This doesn't work:

<pre><code>$('#date_end').datepicker({ defaultDate: +31 })
$('#date_end').datepicker({ minDate: 1 })
</code></pre>

This does both:

<pre><code>$('#date_end').datepicker({ defaultDate: +31, minDate: 1 })
</code></pre>

1 and +1 work the same (or 0 and +0 in your case).

Me: Windows 7 x64, Rails 3.2.3, Ruby 1.9.3

blocks|key|1183977|text|var+givenStartDate+=+$('#startDate').val();
++++++++alert('START+DATE'%2BgivenStartDate);
++++++++var+givenEndDate+=+$('#endDate').val();
++++++++alert('END+DATE'%2BgivenEndDate);
++++++++var+date+=+new+Date();
++++++++var+month+=+date.getMonth()%2B1;
++++++++var+day+=+date.getDate();
++++++++var+currentDate+=+date.getFullYear()+%2B+'-'+%2B
++++++++++++(month<10+?+'0'+:+'')+%2B+month+%2B+'-'+%2B
++++++++++++(day<10+?+'0'+:+'')+%2B+day;
++++++++if(givenStartDate+<+currentDate+%7C%7C+givenEndDate+<+currentDate)
+++++++++{+
++++++++$("#updateButton").attr("disabled","disabled");+
+++++++++}
+++++++++if(givenStartDate+<+currentDate+&&+givenEndDate+>+currentDate)
++++++++++++{
++++++++++++$("#updateButton").attr("enabled","enabled");
++++++++++++}
+++++++++if(givenStartDate+>+currentDate+%7C%7C+givenEndDate+>+currentDate)+{+
++++++++$("#updateButton").attr("enabled","enabled");+
+++++++++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1183978|尝尝这个。如果有任何错误，请纠正我:)谢谢大家。|unstyled|1183979|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>var givenStartDate = $('#startDate').val();
 alert('START DATE'+givenStartDate);
 var givenEndDate = $('#endDate').val();
 alert('END DATE'+givenEndDate);
 var date = new Date();
 var month = date.getMonth()+1;
 var day = date.getDate();
 var currentDate = date.getFullYear() + '-' +
 (month&lt;10 ? '0' : '') + month + '-' +
 (day&lt;10 ? '0' : '') + day;
 if(givenStartDate &lt; currentDate || givenEndDate &lt; currentDate)
 { 
 $("#updateButton").attr("disabled","disabled"); 
 }
 if(givenStartDate &lt; currentDate &amp;&amp; givenEndDate &gt; currentDate)
 {
 $("#updateButton").attr("enabled","enabled");
 }
 if(givenStartDate &gt; currentDate || givenEndDate &gt; currentDate) { 
 $("#updateButton").attr("enabled","enabled"); 
 }
</code></pre>

Try this. If any mistake, please correct me :) Thanks all.

blocks|key|1399661|text|这应该可以工作，<input+type="text"+id="datepicker">|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1399662|var+dateToday+=+new+Date();
$("#datepicker").datepicker({
++++minDate:+dateToday,
++++onSelect:+function(selectedDate)+{
++++var+option+=+this.id+==+"datepicker"+?+"minDate"+:+"maxDate",
++++instance+=+$(this).data("datepicker"),
++++date+=+$.datepicker.parseDate(instance.settings.dateFormat+%7C%7C+$.datepicker._defaults.dateFormat,+selectedDate,+instance.settings);
++++dates.not(this).datepicker("option",+option,+date);
++++}
});|code-block|syntax|javascript|1399663|entityMap^0|8|Z|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

This should work <code>&lt;input type="text" id="datepicker"&gt;</code>

<pre><code>var dateToday = new Date();
$("#datepicker").datepicker({
 minDate: dateToday,
 onSelect: function(selectedDate) {
 var option = this.id == "datepicker" ? "minDate" : "maxDate",
 instance = $(this).data("datepicker"),
 date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings);
 dates.not(this).datepicker("option", option, date);
 }
});
</code></pre>

blocks|key|1183644|text|尝试将startDate设置为当前日期。例如：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1183645|$('.date-pick').datePicker({startDate:'01/01/1996'});|code-block|syntax|javascript|1183646|entityMap^0|3|9|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Try setting <code>startDate</code> to the current date. For example:

<pre><code>$('.date-pick').datePicker({startDate:'01/01/1996'});
</code></pre>

blocks|key|1184112|text|我使用了min属性：min="'+%2B+(new+Date()).toISOString().substring(0,10)+%2B+'"|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1184113|这是我的代码，它起作用了。|1184114|<input+type="date"+min="'+%2B+(new+Date()).toISOString().substring(0,10)+%2B+'"+id="'+%2B+invdateId+%2B+'"+value="'+%2B+d.Invoice.Invoice_Date__c+%2B+'"/>|code-block|syntax|javascript|1184115|​|1184116|📷|atomic|1184117|1184118|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/1418576ff30343a6e1fd1e080a2e2728.png|imageAlt^0|A|1K|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|14|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|15|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|16|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|R|3|N|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z|10|-4]]]]

I used the min attribute: <code>min="' + (new Date()).toISOString().substring(0,10) + '"</code>

Here's my code and it worked. 

<pre><code>&lt;input type="date" min="' + (new Date()).toISOString().substring(0,10) + '" id="' + invdateId + '" value="' + d.Invoice.Invoice_Date__c + '"/&gt;
</code></pre>

<a href="https://i.stack.imgur.com/Uly5i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Uly5i.png" alt="enter image description here"></a>

How do I disable past dates on jQuery datepicker? I looked for options but don't seem to find anything that indicates the ability to disable past dates. 

UPDATE: Thanks yall for the quick response. I tried that with no luck. Days were still not grayed out as I expected and still accept the selected past date. 

I tried this:

<pre><code>$('#datepicker').datepicker({ minDate: '0' });
</code></pre>

Doesn't work.

I tried this:

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

Still doesn't work either. 

It displays the calendar widget just fine. It just won't gray out or prevent input of past days. I've attempted the minDate and maxDate in the past with no luck so I figured it must not be them.

jQuery datepicker to prevent past date

Windows

jQuery

如何在jQuery日期选择器上禁用过去的日期？我寻找了一些选项，但似乎没有找到任何可以禁用过去日期的功能。更新:感谢你们的快速响应。我试过了，但没有成功。日期仍然没有像我预期的那样灰显，仍然接受所选的过去日期。我试过这个：$('#datepicker').datepicker({ minDate: '0' });不起作用。我试过这个：$('#datepicker').datepicker({ mi

问防止过去日期的jQuery日期选择器
EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问防止过去日期的jQuery日期选择器EN

回答 14

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问防止过去日期的jQuery日期选择器
EN