날짜 범위 선택기 양쪽 달력의 종료일 표시하기

Question

https://github.com/eternicode/bootstrap-datepicker/에서 다운로드 한 부트 스트랩 날짜 피켓 플러그를 사용하고 있습니다. 문제는 두 캘린더 모두 2014 년 10 월 19 일 (2014 년 10 월) 같은 달에 표시됩니다. 2014 년 1 월 (2014 년 1 월 1 일)부터 '날짜'달력까지, 2014 년 10 월 (2014 년 10 월 19 일) '날짜'캘린더에 표시하고 싶습니다.

$('.input-daterange').datepicker({ 
      autoclose: true, 
      startDate: '01/10/2014', 
      endDate: '10/19/2014' 
}); 

코드 샘플 : http://jsfiddle.net/o2rq93x0/2/

Answer 1

당신은 당신이 각 입력에 대해 서로 다른 구성을 다른 입력 필드를 통해 루프를 원하는해야합니다. 선택기에 2 개의 입력 값을 입력하면 startDate 및 endDate이 자동으로 두 개의 날짜 피커로 나누어집니다. 각 날짜 표시기의 범위는 startDate과 endDate 사이이므로이를 프로그래밍해야합니다.

$('.input-daterange input').each(function(){/*set configuration here*/}); 

, 당신은 data- 속성을 사용할 수있는 날짜 선택기의 인스턴스를 구성 할 수있는 쉬운 시스템을 사용합니다.

<input type="text" class="input-small form-control" name="start" data-date="01/11/2014" data-start="01/10/2014" data-end="10/18/2014" /> 

그리고 단순히 각 입력을 통해 루프는 구성으로 data-를 사용합니다.

과거에 근무하고 있으며, 기본적으로 날짜 선택기가 진입 점으로 현재 월 설정 이후, 당신과 같이 값을 강제 할 수

input.val('10/19/2014').datepicker('update'); 

See a working example...

사용 :

= "2014년 1월 19일"

데이터 엔드

• 데이터 스타트 = "10/1018/2014 "
• 데이터 날짜 ="2014년 1월 19일 "

... 또는 당신은 그것을 구성 할 수 있지만.