日期组件

第三个日期组件

 

    下面这个calenda_style.css是一个日期的样式文件，cal.js是日期组件

     这两个是必须引入的文件

<link rel="stylesheet" type="text/css" media="all" href="data_module/calenda_style.css">
<script type="text/javascript" src="data_module/cal.js"></script>

 

<script type="text/javascript">
setGradient('id2','#BFBBF4','#ffffff',1);//这里必须放在前面要不然日期组件显示不出
</script>

 <td  class="TD_STYLE8">开始时间：</td>
 <td class="TD_STYLE2">
 	<input class="INPUT_STYLE3" name="begin_time" onfocus="" id="date_start" type="text">
 	</td>
<!--  这里是调用个输入域调的日期组件 date_start date就是输入域的ID --> 
<script type="text/javascript">
Calendar.setup ({inputField : "date_start", ifFormat : "%Y-%m-%d", showsTime : false, button : "date_start", singleClick : true, step : 1});
</script>

  效果图如下：