在用户登陆界面通过javascript实现日期的简单输入,首先要在jsp的web根目录下导入时间的包文件(注:附件里带有)然后在jsp页面的<head></head>之间倒入注释:
完成了上面步骤,就可以在日期的<input/>后面加入触发器代码:
这样,鼠标一点击日期的输入框,就会跳出时间供我们选择,很方便!!
<!-- calendar stylesheet -->
<link rel="stylesheet" type="text/css" media="all"
href="${pageContext.request.contextPath }/calendar/calendar-win2k-cold-1.css" title="win2k-cold-1" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/list.css" /> <!-- main calendar program -->
<script type="text/javascript"
src="${pageContext.request.contextPath }/calendar/calendar.js"></script>
<!-- language for the calendar -->
script type="text/javascript"
src="${pageContext.request.contextPath }/calendar/calendar-en.js"></script>
<!-- the following script defines the Calendar.setup helper function, which makes
adding a calendar a matter of 1 or 2 lines of code. -->
[<script type="text/javascript"
src="${pageContext.request.contextPath }/calendar/calendar-setup.js"></script>
完成了上面步骤,就可以在日期的<input/>后面加入触发器代码:
<script type="text/javascript">
Calendar.setup({
inputField:"birthday",
ifFormat:"%Y-%m-%d",
button:"birthday_trigger"});
</script>
这样,鼠标一点击日期的输入框,就会跳出时间供我们选择,很方便!!