1

select要素を使用して、今日から6、12、24、または60か月のdefaultDateパラメーターを設定したい日付ピッカーがあります。

select要素の値がDOMで更新されないselect要素を使用して選択したオプションを変更するという問題が発生したため、ページにロードされた選択値を使用するdatepicker。

ここでフィドルを作成しましたhttp://jsfiddle.net/GLsTM/1/ので、私が言及していることがわかります。

<form>
<select name="Interval" id="Interval">
    <option value="6">6 Months</option>
    <option value="12">12 Months</option>
    <option value="24">2 Years</option>
    <option value="60">5 Years</option>
</select>
<input type="text" class="date" placeholder="dd/mm/yyyy"></input>

$(".date").datepicker({
        dateFormat: 'dd/mm/yyyy',
        showOn: 'button',
        firstDay: 1,
        defaultDate: "+"+$("#Interval").val()+"m"
    });

日付ピッカーのデフォルトの日付は「+6m」ですが、選択を 12 か月に変更しても、日付ピッカーは引き続き 6 か月を使用します。datepicker を defaultDate: '+12m' で更新したい

何がこれを機能させるのか誰にもわかりますか?

ありがとうグレッグ

4

1 に答える 1

2

の値を変更するselectと、日付ピッカーに変更を指示した場合にのみ日付ピッカーに影響します。そうしないと、開始値を使用して一度設定するため、変更を学習することはありません。

$("#Interval").on("change", function() {
    $(".date").datepicker("option", "defaultDate", "+" + $(this).val() + "m");
});

optionまたは、複数の値を送信する必要がある場合に備えて、オブジェクトを渡すこともできます。

$("#Interval").on("change", function() {
    $(".date").datepicker("option", { defaultDate: "+" + $(this).val() + "m" });
});
于 2013-04-06T02:21:05.027 に答える