jQuery插件的应用之 --- 日历

2014-11-24 13:27:29 · 作者: · 浏览: 3

jQuery插件的应用之 --- 日历


一 介绍


(1)优点:在页面开发中,经常会遇到需要用户输入日期的操作,通常的做法是提供一个文本框,让用户输入,然后,再编写代码验证输入的数据,检测其是否是日期类型,这样比较麻烦,同时,用户输入日期的操作也不是很方便,影响用户体验。如果使用jQueryUI中的datepicker插件,这些问题就可以迎刃而解


(2)导入的js和css文件


(3)功能实现


在页面中,当单机文本框时,通过datepicker插件弹出一个日期选择窗口,该窗口可以使用下拉列表框的方式选择年份与月份,并显示与日期相对应的星期。


二 代码详解


1.首先来创建一个jsp页面


2. 然后用js代码来注册当点击id="datepicker"时触发的事件


效果为: