날짜입력 또는 달력 확장 방식 (날짜입력을 쉽게 응용할 수 있는 스크립)

Date,Clock,Calculator/달력 2008. 7. 24. 23:49

/* Tistory_336_ads01 */ /* Tistory_336_ads01 */

<html>
<head>
    <title>연변88닷컴</title>
    <script type="text/javascript" src="http://cmnt.yb88.com/down/board/java_01/calendarDateInput.js"></script>
</head>

<body>

<form>
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
<input type="button" onClick="alert(this.form.orderdate.value)" value="설정된 날짜 확인">
</form>

</BODY>
</HTML>

invalid-file

텍스트 입력상자에 날짜값을 직접 입력할수있고 아니면 옆에 있는 아이콘()을 클릭하여 달력을 확장하여 선택할 수 있습니다.

먼저 calendarDateInput.js파일을 첨부파일에서 다운 받은 후 아래와 같이 인클루드 합니다.
<script type="text/javascript" src=http://파일경로/calendarDateInput.js;></script>

BODY부분에서 FORM 태그를 이용하여 호출합니다.

<form>
<script>DateInput('orderdate', true, 'DD-MON-YYYY')</script>
<input type="button" onClick="alert(this.form.orderdate.value)" value="설정된 날짜 확인">
</form>

'Date,Clock,Calculator > 달력' 카테고리의 다른 글

오늘날짜 표시하는 깔끔한 script 달력 (2)	2008.07.24
음력과 양력이 같이 표기되는 자바스크립트 달력 (2)	2008.07.24
일년치 달력 몽땅 출력 자바(현재세팅 2005년) (1)	2008.07.24
오늘 날짜와 시간까지 보여주는 자바 달력 (1)	2008.07.24
오늘 날짜를 보여주는 javascript 달력 (1)	2008.07.24
오늘 날짜를 시계와 함께 일력처럼 보여주는 자바스크립트 (1)	2008.07.24
다이나믹 JavaScript 카렌다 (1)	2008.07.24
영문 달력 자바스크립트 (1)	2008.07.24
자바스크립 달력 (2)	2008.07.24