论坛首页 入门技术论坛

用javascript小工具实现日期简洁输入

浏览 1914 次
该帖已经被评为新手帖
作者 正文
   发表时间:2007-12-21  
  在用户登陆界面通过javascript实现日期的简单输入,首先要在jsp的web根目录下导入时间的包文件(注:附件里带有)然后在jsp页面的<head></head>之间倒入注释:

 <!-- 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>

这样,鼠标一点击日期的输入框,就会跳出时间供我们选择,很方便!!
论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics