jquery - 交互入力を使用したJqueryDatepickerインライン

Question

選択時に#StartDatealtFieldを更新し、次の選択時に#EndDatealtFieldを更新するインラインDatePickerを設定しようとしています。

したがって、同じインラインカレンダーを使用して、2つの入力を持つ基本的に日付範囲を更新します。これについては多くのリソースがあるようですが、インラインデートピッカーに関するものはありません。

2番目のaltFieldを更新するのに苦労しています。選択するたびに、最初のaltFieldが更新されます。

Answer 1

onSelect イベント ハンドラーを使用して、日付が選択されるたびに datepicker の altField を更新できます。

        $( "#datepicker" ).datepicker({
            inline:true,
            altField: "#startDate",
            onSelect: function(date, ui){
                ui.settings.altField = (ui.settings.altField=="#startDate") ? "#endDate" : "#startDate";
            }
        });

ただ、使い方には気をつけたいところです。これは、紛らわしい UI を簡単に作成する可能性があるようです。