1

日付ピッカーを開くようにトリガーするクラスを含む 2 つの入力フィールドがあります。どちらも独立して正常に動作します。つまり、どちらかをクリックすると、どちらかの入力フィールドがクリックされたときに両方の日付ピッカーが開くようにします。

これがコードのスクリプト部分です

    $(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 は初めてで、少し苦労しているので、助けていただければ幸いです。

また、最初の日付ピッカーで選択された値が何であれ、2 番目のデフォルトの日付を x 日数だけインクリメントしたいと思いますが、これについても最善の方法がわかりません。

どんなアドバイスでも大歓迎です！

4

2 に答える 2

0

カレンダーを「インライン」で使用し、jQuery/Javascript を使用して自分でどのようにポップアップするかを管理する必要があると思います。インラインで使用するには、cal を div タグにポイントする必要があります。

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

于 2012-05-21T13:46:41.963 に答える
0

たとえば、次のコードを試して、2 つのデータピッカーをリンクします。

$('#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 に答える