2015-01-15 2 views
3

XDSoft의 DateTimePicker를 사용하고 있는데 minDatemaxDate 시간 매개 변수를 이해할 수 없습니다. http://xdsoft.net/jqplugins/datetimepicker/#mindateXDSoft의 DateTimePicker로 minDate/maxDate

minDate:'-1970/01/02', // yesterday is minimum date(for today use 0 or -1970/01/01) 
maxDate:'+1970/01/02' // tommorow is maximum date calendar 

yesterday-1970/01/02 변환하는 방법을 이해하지? 0으로 설정하면 '오늘'한도에서 작동합니다. 그러나 나는 페이지에 두 개의 datepicker를 가지고 있는데, 두 번째 datepicker를 업데이트해야 첫 번째 것이 될 수 없습니다.

minDate: 2015/01/20과 같은 것을 어떻게 구현합니까?

이것은 jQuery UI 플러그인이 아닙니다.

답변

1

사례 : 페이지에 두 개의 datepickers가 있는데, 두 번째 datepicker를 업데이트해야 첫 번째 것이 될 수 없습니다.

해결 방법 : 아래 예가 도움이되기를 바랍니다.

1

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
 
<link rel="stylesheet" type="text/css" href="./jquery.datetimepicker.css"/> 
 
</head> 
 
<body> 
 

 
<p> 
 
\t Start 
 
\t <input id="date_timepicker_start" type="text" value=""> 
 
\t End 
 
\t <input id="date_timepicker_end" type="text" value=""> 
 
</p> 
 

 

 
<script src="./jquery.js"></script> 
 
<script src="./jquery.datetimepicker.js"></script> 
 
<script> 
 
jQuery(function(){ 
 
jQuery('#date_timepicker_start').datetimepicker({ 
 
    format:'Y-m-d H:i', 
 
    onShow:function(ct){ 
 
    this.setOptions({ 
 
    maxDate:jQuery('#date_timepicker_end').val()?jQuery('#date_timepicker_end').val():false, 
 
    formatDate: 'Y-m-d H:i' 
 
    }) 
 
    }, 
 
    timepicker:true 
 
}); 
 
jQuery('#date_timepicker_end').datetimepicker({ 
 
    format:'Y-m-d H:i', 
 
    onShow:function(ct){ 
 
    this.setOptions({ 
 
    minDate:jQuery('#date_timepicker_start').val()?jQuery('#date_timepicker_start').val():false, 
 
    formatDate: 'Y-m-d H:i' 
 
    }) 
 
    }, 
 
    timepicker:true 
 
}); 
 
}); 
 
</script> 
 
</body>

난 그냥 컨트롤과 비슷한 문제를 했어 문서가 매우 도움이되지 않았다.

var minStartDate = new Date(2015, 09, 26); 

    $('#MyDatePicker').datetimepicker({ 
     format: 'd/m/Y', 
     minDate: minStartDate, 
     timepicker: false 
    }); 

위의 코드는 26 - 10 월 2015 최소 날짜를 설정합니다 : 나는 날짜를 설정하는 가장 쉬운 방법은 먼저 JS 날짜 객체로 선언하고 minDate을 설정하는 것을 사용하는 것이 었 발견했다. JS 날짜 객체의 월 번호는 인덱스가 0 인 것을 기억하십시오. 그래서 월 = 0,

0

2월 = 1 등은 ... 그냥이 설정 :

minDate: "2015/01/20" 

나를 위해 잘 작동 만이 형식의 상점에서 작동합니다. 따라서 다른 시간 형식을 사용하는 경우 형식을 변환해야합니다. 시간과 동일

:

minTime: "11:00" 

I STARTDATE와 ENDDATE을 가진 다른 하나 처리 한 제어 할 수 있습니다. 종료일은 시작일이 바뀔 때마다 수정됩니다.

관련 문제