jquery-ui日历插件的使用步骤
来源:互联网 发布:大连交通大学软件学院 编辑:程序博客网 时间:2024/05/16 12:19
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() });
上图为效果图,浅蓝色的日期白色字的为不可选日期。
0 0
- jquery-ui日历插件的使用步骤
- 使用JSCal2日历插件的步骤
- angularjs-ui-calendar日历插件的使用
- 日历插件jquery datepicker的使用
- jquery的日历插件使用 jeDate
- jQuery 插件 jQuery UI的使用
- 日历插件的使用
- 常用的Jquery日历插件
- jquery-ui的sortable插件使用示例
- jquery-ui-datepicker插件的使用
- jQuery UI中的日历插件,有了它,你就不需要再找其他的了
- jquery - 日历插件(自定义模板的日历插件)
- 如何使用jQuery框架中的日历插件
- 使用jquery插件实现日历效果
- jquery fullcalendar 日历日程插件使用
- jquery日历插件FullCalendar使用技巧
- Jquery日历插件介绍及使用
- jquery日历插件FullCalendar使用技巧
- 类风湿病友日常饮食注意事项
- Android导入Android OpenCV Samples出错
- android时间对话框TimePickerDialog介绍
- 关于ios8以后BitCode一词,关于在xcode7(bate3)中报错的解决以及普及
- windows update 失败无法进入windows解决方案
- jquery-ui日历插件的使用步骤
- Windows 下安装MongoDB
- 手机屏幕的横屏竖屏的切换与判断
- const——c与c++不同
- vs2008中C++项目编译过程中越来越慢
- Java线程篇(五):Timer和TimerTask
- POJ 3254 状态压缩DP
- 准备跳槽了
- Jboss 数据源配置参数