小编ole*_*ard的帖子

多个链接的jQuery UI日期选择器

我希望能够链接多对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)

jquery jquery-ui datepicker

5
推荐指数
1
解决办法
3947
查看次数

标签 统计

datepicker ×1

jquery ×1

jquery-ui ×1