js日期辅助入力控件

最新推荐文章于 2020-05-30 00:03:24 发布

原创最新推荐文章于 2020-05-30 00:03:24 发布 · 239 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #link #css #ViewUI

首先，添加用到的js和css文件，在附件中
其次，jsp页面需要写的代码


<head>
<link href="<%=request.getContextPath()%>/common/styles/calendar/system.css" rel="stylesheet" type="text/css"/>
<script language="javascript" src="<%=request.getContextPath()%>/common/js/calendar/utils.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/common/js/calendar/calendar.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/common/js/calendar/calendar-setup.js"></script>
<script language="javascript" src="<%=request.getContextPath()%>/common/js/calendar/calendar-en.js"></script>
</head>
<body>
			<div align="left"  height="25"><font color="red">*</font>期間開始日：</div>
			<input name="startDt" id="startDt" type="text" class="field" size="11" maxlength="10" 
				style="ime-mode:disabled" value="">
			<img src="<%=request.getContextPath() %>/common/images/calendar.gif" width="16" height="13" id="startDtt">
			<script language="javascript">
				Zapatec.Calendar.setup({
				inputField        : "startDt",
				button            : "startDtt"
				});
			</script>
</body>