学步园

 
<!-- 日历控件样式，内置了十种样式 --> 
<link rel="stylesheet" type="text/css" media="all" href="calendar-win2k-cold-1.css" title="win2k-cold-1" /> 
 
<!-- 日历控件主程序 --> 
<script type="text/javascript" src="calendar.js"></script> 
 
<!-- 日历控件的语言包 --> 
<script type="text/javascript" src="lang/calendar-en.js"></script> 
 
<!-- 内置的日历控件配置程序，可以让你用几行代码实现控件功能 --> 
<script type="text/javascript" src="calendar-setup.js"></script> 
 

 
<form action="#" method="get"> 
<input type="text" name="date" id="f_date_b" /><button type="reset" id="f_trigger_b">...</button> 
</form> 
 
<script type="text/javascript"> 
    Calendar.setup({ 
        inputField     :    "f_date_b",      // id of the input field 
        ifFormat       :    "%m/%d/%Y %I:%M %p",       // format of the input field 
        showsTime      :    true,            // will display a time selector 
        button         :    "f_trigger_b",   // trigger for the calendar (button ID) 
        singleClick    :    false,           // double-click mode 
        step           :    1                // show all years in drop-down boxes (instead of every other year as default) 
    }); 
</script>