我希望能够链接多对jQuery UI datepicker实例,以便每对中的第二个不能选择比第一个更早的日期.我正在按照这个例子开始.
例:
<ul>
<li>
<input class="counter" name="counter" type="hidden" value="43"/>
<label>Start: </label><input name="start_43" id="start_43" size="10" />
<label>End: </label><input name="end_43" id="end_43" size="10" />
</li>
<li>
<input class="counter" name="counter" type="hidden" value="44"/>
<label>Start: </label><input name="start_44" id="start_44" size="10" />
<label>End: </label><input name="end_44" id="end_44" size="10" />
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我通过查找"计数器"号码来循环实例:
$(document).ready(function() {
var starts = $("input[name='counter']");
var dates = new Array();
starts.each(function(){
var x = this.value;
// http://jqueryui.com/demos/datepicker/#date-range
dates[x] = $( "#start_"+x+", #end_"+x ).datepicker({
onSelect: function( selectedDate ) {
var option = this.id …Run Code Online (Sandbox Code Playgroud)