2015년 4월 30일 목요일

Jquery 달력 사용


샘플예제



<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Alert</title>
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/css/button.css'/>">
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/css/jquery.alerts.css'/>">
<link type="text/css" rel="stylesheet" href="<c:url value='/resources/css/jquery-ui.css'/>">
<script type="text/javascript" src="<c:url value='/resources/js/jquery.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery-ui.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery-migrate-1.2.1.min.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery.alerts.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery.blockUI.js'/>"></script>
<script type="text/javascript" src="<c:url value='/resources/js/jquery/jquery.ui.datepicker-ko.js'/>"></script>

<script type="text/javaScript" language="javascript">

$(document).ready(function() {

//시작일에 오늘날짜 넣기
$("#startDate").val(fncDateAddMonth(0));

//시작일
$( "#startDate" ).datepicker();

//종료일
$( "#endDate" ).datepicker();

});

</script>
</head>

<body>
<table  cellpadding="0" cellspacing="0" class="ta_01">
<tr>
<th>시작일</th>
<td class="l"><input type="text" name="startDate" id="startDate" class="box" size="10"/></td>
</tr>
<tr>
<th>종료일</th>
<td class="l"><input type="text" name="endDate" id="endDate" class="box" size="10"/></td>
</tr>
</table>
</body>
</html>

댓글 없음:

댓글 쓰기