jquery-ui日历插件的使用步骤
2015-12-28 10:41
585 查看
1.下载jquery-ui压缩包 ,解压导入项目中
2.引入需要的js与css
<!--这些都是必须的-->
<span style="color:#FF6666;"><link rel="stylesheet" href="<%=contextPath%>/resources/bootstrap/css/bootstrap.min.css" type="text/css"> <link href="<%=contextPath%>/resources/js/jquery-ui-1.11.4/jquery-ui.min.css" rel="stylesheet" media="screen"> <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-1.9.1.min.js" charset="utf-8"></script> <script type="text/javascript" src="<%=contextPath%>/resources/bootstrap/js/bootstrap.min.js" charset="utf-8"></script> <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-ui-1.11.4/jquery-ui.min.js"></script> <script type="text/javascript" src="<%=contextPath%>/resources/js/jquery-ui-1.11.4/datepicker-zh-CN.js"></script> </span>
3. <input size="16" name="publishDate_b" class="publishDate" type="text" value="${criterias.get("publishDate_b")}" /> 到<input size="16" name="publishDate_e" class="publishDate" type="text" value="${criterias.get("publishDate_e")}"> 4. //日期设置 $( ".publishDate" ).datepicker({ changeMonth: true, changeYear: true, dateFormat: "yy-mm-dd", maxDate:new Date() });
上图为效果图,浅蓝色的日期白色字的为不可选日期。
相关文章推荐
- jquery实现倒计时功能
- 基于jquery实现瀑布流布局
- php + jquery ajax 跨域请求
- 12.28jQuery 的取值赋值
- 使用js将long类型转化为"yyyy-MM-dd hh:mm:ss"日期格式&jQuery自带日历控件的汉化教程
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- Jquery
- jQuery的三种$()
- jquery实现全屏滚动
- jquery实现全屏滚动
- 基于jquery实现瀑布流布局
- jquery实现倒计时功能
- 基于jQuery实现选取月份插件附源码下载
- 日期处理 yy-mm-dd HH:mm:ss时间格式转换毫秒,两个时间格式毫秒数相减,返回“xx天x
- 解析Jquery取得iframe中元素的几种方法
- JQuery的定义
- jQuery中$(function()与(function($)等的区别详细讲解
- jQuery获取对象
- 2015/12/27--jquery(02)
- jQuery学习-宏观