-
[JQUERY] CALENDAR 달력 달기카테고리 없음 2012. 10. 11. 12:27
{* カレンダー表示に使用 *}
<link href="{$url_sec}css/calendar/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" media="screen,print" />
<script type="text/javascript" src="{$url_sec}js/calendar/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="{$url_sec}js/calendar/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript">
{literal}
$(function() {
var today = getToday();
$("#datepicker1").datepicker({
changeYear: true,
changeMonth: true,
showButtonPanel: true,
dateFormat: "yy/mm/dd",
yearRange: "1996:2012"
});
$("#datepicker2").datepicker({
changeYear: true,
changeMonth: true,
dateFormat: "yy/mm/dd",
yearRange: "1996:2012"
});
$("#ui-datepicker-div").attr('style', 'font-size: 70.0%;');
function getToday() {
var t = new Date();
var y = t.getFullYear(),
m = t.getMonth()+1,
d = t.getDate();
if (y<2000) {y+=1900;}
if (m<10) {m="0"+m;}
return y+"-"+m+"-"+d;
}
});
{/literal}
</script>
<div>
<label>期間:</label>
<input type="text" name="start_date" id ="datepicker1" size="12" />
<span>~</span>
<input type="text" name="end_date" id ="datepicker2" size="12" />
</div>