jquery - JqueryUI カレンダー 最小および最大の日付範囲を動的にセットアップする

Question

グラフに表示される一連の JSON データを返す Web アプリケーションがあります。ユーザーは、JQUERY カレンダー コントロールから日付を選択して、グラフを切り替えることができます。

JSON で返されない日付を無効にする必要があります。どうすればこれを達成できるか教えてください。たとえば、JSON オブジェクトには、最大 1.5 年分のデータを含めることができます。

ありがとう。

Answer 1

jQuery UI Datepickerを使用している場合は、オプションの最小/最大日付パラメーターを取ります。ドキュメントから：

minDateおよびmaxDateオプションを使用して、選択可能な日付の範囲を制限します。開始日と終了日を実際の日付（new Date（2009、1-1、26））、今日からの数値オフセット（-20）、または期間と単位の文字列（'+ 1M + 10D'）として設定します。 。最後に、日には「D」、週には「W」、月には「M」、年には「Y」を使用します。

 $( "#datepicker" ).datepicker({ minDate: -20, maxDate: "+1M +10D" });

したがって、jsonデータから最小/最大日付を決定し、それらを日付オブジェクトに変換して、オプションとしてdatepickerに渡す必要があります。