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

在用户登陆界面通过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>

这样,鼠标一点击日期的输入框,就会跳出时间供我们选择,很方便!!
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值