1

我有两个输入字段，其中包含一个触发日期选择器打开的类。两者都可以独立工作，即当我单击一个或另一个时，但我希望在单击任一输入字段时打开两个日期选择器。

这是代码的脚本部分

    $(document).ready(function() {

                    $( ".datefields" ).datepicker({ dateFormat: 'dd/mm/yy',numberOfMonths: 1, yearRange: "2012:2014", changeYear: true, changeMonth: true});

这是html

<div id="quoteformcollection">
<h1>Collection</h1>

<input type"text" class="startTbl locationfields" id="AutoLocStart" value="Please Type a Collection Location"onclick="clearVal(this);"/>
    <input type="hidden" id="DepotStart" value=""/></td>

<input type="text" class="datefields" id="collectiondate" value="21/05/2012"/>
<input type"text" class="timefields" value="12:00" />
</div> 

<div id="quoteformreturn">
<h1>Return</h1>

<input type"text" class="locationfields" value="Enter the city or location for return" />
<input type"text" id="returndate" class="datefields" value="21/05/2012" />
<input type"text" class="timefields" value="12:00" />
</div>

我曾尝试自己寻找答案，但对 jquery 很陌生并且有点挣扎，所以任何帮助都将不胜感激。

我还希望在第一个日期选择器中选择任何值，第二个中的默认日期增加 x 天数，我再次不确定最好的方法。

任何建议将不胜感激！

4

2 回答 2

0

例如，尝试使用此代码链接两个数据选择器：

$('#collectiondate').datepicker({
    dateFormat: "@",
    onSelect: function(dateText, inst) {
        var dateText = eval(dateText);
        var min = new Date();
        min.setTime(dateText);
        $('#end').datepicker('option', 'minDate', min);
    }
});

$('#returndate').datepicker({
    dateFormat: "@",
});
于 2012-05-21T13:45:09.920 回答
0

我认为您必须使用“内联”日历并通过 jQuery / Javascript 自己管理它的弹出方式。您需要将 cal 指向一个 div 标签才能内联使用它。

http://jqueryui.com/demos/datepicker/#inline

于 2012-05-21T13:46:41.963 回答