前台页面日期控件

最新推荐文章于 2022-07-19 22:20:25 发布

原创最新推荐文章于 2022-07-19 22:20:25 发布 · 680 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何在JSP页面中集成jQuery日期选择器，包括所需文件的导入、页面加载事件的设置及input标签的只读属性配置。通过具体代码示例，展示如何使文本框具备日期选择功能。

1,在jsp页面导入

calender.gif,

calendar.js,

calendar-green.gif,

jquery.datepick.css,

jquery.datepick.js,

jquery.datepick-zh-CN.js

jquery-1.4.2.js

2,创建页面加载完成触发事件

<script type="text/javascript">
	
<!-- 使用日期控件步骤2: 当页面加载完成时,调用 datepick方法指定需要应用的文本框 -->
	$(document).ready(function(){
			// yy 已经代表了4位的年份
			// mm 代表月份
			// dd 代表日期
		$('#visit_time').datepick({dateFormat: 'yy-mm-dd'}); 
		$('#visit_nexttime').datepick({dateFormat: 'yy-mm-dd'}); 
	});
</script>

3,将input标签设置为只读readonly="readonly"