JQuery UI 날짜선택기 datepicker

1 1개

2 2개

<!DOCTYPE html>
<meta charset="utf-8" />
<link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
<script>
$(function() {
$.datepicker.setDefaults({
	dateFormat: 'yy-mm-dd'
});
$( "#datepicker1" ).datepicker();
$( "#datepicker2" ).datepicker();
});
</script>
<p>조회기간 <input type="text" id="datepicker1"> ~ <input type="text" id="datepicker2"></p>