jQuery datepicker사용법

[ html ]

import script list

(버전 맞춰서)

 - jquery.min.js

 - jqueryt-ui.min.js

 - jquery-ui.css

<input id='datepicker-start' type='text'>~<input id='datepicker-end' type='text'>

[ js ]

$('#datepicker-start').datepicker({

dateFormat : 'yy-mm-dd',

onClose : function(selectDate) {

$('#datepicker-end').datepicker('option','minDate',selectDate);

});

$('#datepicker-end').datepicker({

dateFormat : 'yy-mm-dd',

onClose : function(selectDate) {

$('#datepicker-start').datepicker('option','maxDate',selectDate);

});

--------------------------------------------------------------------------------

onClose 옵션을 주어야, 종료일이 시작일보다 뒤로 갈수 없고, 시작일이 종료일보다 앞으로 갈 수 없음.

매우 유익한 소스