jQuery:我怎么有两个日期选择器?

时间:2010-08-19 17:03:42

标签: jquery

在我的网站上,我想要一个日期范围的东西,所以我想我会使用两个日期选择器 http://jqueryui.com/demos/datepicker/

目前,两个日期选择器都编辑同一个字段......这让我感到难过。

$j(function() {
    $j(".date-range-start .date-picker input").datepicker({
        //showOtherMonths: true,
        changeYear: true,
        showAnim: 'fadeIn',
        showOn: 'button'
    });
    $j(".date-range-end .date-picker input").datepicker({
        //showOtherMonths: true,
        changeYear: true,
        showAnim: 'fadeIn',
        showOn: 'button'
    });
});

我想,因为我有两个不同的选择器,我能够改变两个不同的领域,对吗?

好吧......显然它讨厌我。

<div class="date-range-picker">
            <div class="date-range-start">
                <div class="date-picker">
                    <input id="classinput-field" name="classinput-field" type="text" class="hasDatepicker"><button type="button" class="ui-datepicker-trigger">...</button>
                </div>
            </div>
            <div class="date-range-end">
                <div class="date-picker">
                    <input id="classinput-field" name="classinput-field" type="text" class="hasDatepicker"><button type="button" class="ui-datepicker-trigger">...</button>
                </div>
            </div>
        </div>

1 个答案:

答案 0 :(得分:8)

给他们两个独立的身份证。

$("#id1").datepicker();
$("#id2").datepicker();