[jQuery] 미니달력 > 기술자료

<!-- jQuery -->

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

 

<!-- required plugins -->

<script type="text/javascript" src="datePicker/date.js"></script>

<!--[if lt IE 7]><script type="text/javascript" src="scripts/jquery.bgiframe.min.js"></script><![endif]-->

 

<!-- jquery.datePicker.js -->

<script type="text/javascript" src="datePicker/jquery.datePicker.js"></script>

 

<!-- datePicker required styles -->

<link rel="stylesheet" type="text/css" media="screen" href="datePicker/datePicker.css" />

<link rel="stylesheet" type="text/css" media="screen" href="datePicker/choose_date.css" />

 

<!-- page specific scripts -->

<script type="text/javascript" charset="utf-8">

    $(function()

    {

        $('.date-pick').datePicker({autoFocusNextInput: true});

    });

</script>

 

 

<form name="form" method="post" action="#" style="padding:0; margin:0;">

<input type="text" name="date1" value="" style="width:70px; height:16px;" class="date-pick" readonly />

</form>

 

 

관련사이트