javascript - 入力に応じてjQuerydatepickerminDateを設定します

Question

minDateラジオボタンの値に応じてjQueryの日付ピッカーを設定しようとしています。

文字列を返す関数を書き込もうとすると、JavaScriptがクラッシュし続けます。これが機能しない理由について何かアイデアはありますか？

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: function() {
        var str = "-35Y";
        if($("#inputfield").val() == "value") {
            str = "-33Y";
        }
        return str;
    }
});

Answer 1

jsFiddle

inputfieldこれは問題なく動作します....あなたはあなたが持っていることを確認する必要がありますvalue

 <input type='text' id='datepicker'></div>
 <input type='text' value='value' id='inputfield'>

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate:mdate()
});


function mdate(){
        var str = "-35Y";
        if($("#inputfield").val() == "value"){
            str = "-33Y";
        }
        return str;
}

• 編集：*

  $('#inputfield').on('change',function(){ $('#datepicker').datepicker('option', 'minDate', mdate()); });

Answer 2

このオプションは、関数ではなく値minDateを期待します。ラジオボタンの選択が変更されるたびに、日付ピッカーがの値を自動的に更新することはありません。minDate

ラジオボタンの選択が変更されるたびに日付ピッカーの最小日付を変更する場合は、これを明示的にプログラムする必要があります。次の線に沿った何か：

$('[name=myradiogroup]').change(function () {
    var newMininumDate = /*insert logic here*/;
    $('#datepicker').datepicker('option', 'minDate', newMininumDate);
});

http://api.jqueryui.com/datepicker/#method-optionを参照してください

Answer 3

これは私のために働きます：

$("#datepicker").datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-35:+0",
    dateFormat: "yy-mm-dd",
    minDate: $("#inputfield").val()
});