javascript - jQuery Datepickerで日付範囲を設定し、それをデフォルト値として設定するにはどうすればよいですか？

Question

1. 「開始日」を当日から+1日に設定する必要があります。
2. そして、「終了日」の「開始日」から+3日
3. （オプション）末尾の日を強調表示します

フィドルはここで見つけることができます：http：//jsbin.com/icuduv/1

ありがとう！

Answer 1

さてあなたはこのようにそれを簡単に行うことができます

var d = new Date(); d.setDate( d.getDate() + 1 );
$('#txtStartDate').datepicker('setDate', d); 
d = new Date(); d.setDate( d.getDate() + 4 );
$('#txtEndDate').datepicker('setDate', d);

私はあなたのデモも更新しましたここを見てください

日付を強調表示するには、beforeShowDayイベントを使用できます。カレンダーに表示する必要のある日付ごとに呼び出されます。

Answer 2

これらの線に沿ったものを使用して日付値を取得します。

var startDate = new Date();
var endDate = new Date();
startDate.setDate(today.getDate()+1);
endDate.setDate(startDate.getDate()+3);

$("#startDateInput").val(startDate.toString('MM/dd/yyyy'));
$("#endDateInput").val(endDate.toString('MM/dd/yyyy'));

この質問は、強調表示に役立つ可能性があります。

jQueryのdatepickerを使用して特定の範囲の日付を強調表示する

Answer 3

多分あなたはこれを試すことができます

$(function() {
  var $defaultDate = new Date(); 
  $defaultDate.setDate( $defaultDate.getDate() + 1 );
  $('#txtStartDate').datepicker({defaultDate:   $defaultDate}).val(($defaultDate.getMonth()+1) + '/' + $defaultDate.getDate() + '/' +  $defaultDate.getFullYear()); 
  $defaultDate.setDate( $defaultDate.getDate() + 3 );
  $('#txtEndDate').datepicker({defaultDate: $defaultDate}).val(($defaultDate.getMonth()+1) + '/' + $defaultDate.getDate() + '/' +   $defaultDate.getFullYear()); 
});