1

未完成のプロジェクトに使用していた古いコードを確認していましたが、その一部を理解できません。理解するのを手伝っていただけませんか。jQueryUI日付ピッカーをサポートするhttp://trentrichardson.com/examples/timepicker/のdatetimepickerを使用しています。これがコードです（私が理解していないのはonSelectイベントコードです）：

    $(function() {
    var dates = $( "#from, #to" ).datetimepicker({
        changeMonth: true,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "minDate" : "maxDate",
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        },
        });
    });
4

1 に答える 1

1

私が間違っていなければ。2つの要素#from and #toがあり、ユーザーが要素の日付値を選択する#fromと、jquery関数がminDate#to要素の時点で選択された値を決定します。
ユーザーが#toの日付値を選択すると、関数はmaxDate指定された選択された日付として#fromを決定します。

要約すると、機能は、選択された別の要素によって要素のminDateまたは要素を決定することです。maxDate

var option = this.id == "from" ? "minDate" : "maxDate", //determine datepicker based on elemen selected
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );  // retrieve selected datepicker data 
            dates.not( this ).datepicker( "option", option, date );  //select another of this element then set minDate or maxDate of datepicker data into the element
于 2012-05-10T07:02:07.133 に答える