jquery.datepick日历控件
首先应该导入jquery.datepick的css和js文件,可以在这个地址中下载http://plugins.jquery.com/project/datepick 下载datepick插件包;还有下载一个jQuery.js包。
在页面中引入下面的文件
@import "<%=request.getContextPath()%>/css/jquery.datepick.css";
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquerydate/jquery-latest.pack.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquerydate/jquery.datepick.pack.js"></script>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jquerydate/jquery.datepick-zh-CN.js"></script>
<script type="text/javascript">
$(function() { //页面加载完成之后自动调用的方法。
var startDate = new Date();
startDate.setDate(startDate.getDate()-1);//用户只可以选择从昨天开始的时间
var endDate = new Date();
endDate.setDate(endDate.getDate()+4);//限定用户可选时间的范围
$('#beginDate').datepick({minDate: startDate,maxDate: endDate});
$('#endDate').datepick({minDate: new Date(),maxDate: endDate});
});
</script>
开始时间: <input id="beginDate" name="beginDate" class="inputbg" value="<c:if test="${flagvalue6 !=''}">${flagvalue6}</c:if><c:if test="${flagvalue6 ==''||flagvalue6==null}">${date_10}</c:if>" type="text" size="15" maxlength="10" readonly="1" style="height:18"/>
至截止时间: <input id="endDate" name="endDate" class="inputbg" value="<c:if test="${flagvalue7 !=''}">${flagvalue7}</c:if><c:if test="${flagvalue7 ==''||flagvalue7==null}">${dateStr}</c:if>" type="text" size="15" maxlength="10" readonly="1" style="height:18"/>
这个地址介绍的这个控件非常的详细,大家可以看一下
http://www.my97.net/dp/demo/index.htm
jquery.datepick日历控件相关推荐
- jquery日历控件
最近弄了个简单jquery的日历控件,拿出来分享一下,先看效果图: 大家可以到下面的链接下载源文件代码: http://download.csdn.net/detail/sunjava1/746626 ...
- 9 款样式华丽的 jQuery 日期选择和日历控件
现在的网页应用越来越丰富,我们在网页中填写日期和时间已经再也不用手动输入了,而是使用各种各样的日期时间选择控件,大部分样式华丽的日期选择和日历控件都是基于jQuery和HTML5的,比如今天要分享的这 ...
- Jquery 日历控件
非常好的Jquery日历控件 http://keith-wood.name/datepick.html 转载于:https://www.cnblogs.com/hubj/archive/2011/04 ...
- JS日历控件优化(增加时分秒)
JS日历控件优化 在今年7月份时候 写了一篇关于 "JS日历控件" 的文章 , 当时只支持 年月日 的日历控件,现在优化如下: 1. 在原基础上 支持 yyyy-mm- ...
- bootstrap中使用日历控件
在bootstrap中使用日历控件可以参照以下资料: http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm 以下是参照此资料自己做的一 ...
- 日历控件(bootstrap-datetimepicker.js)
最常用的日历控件 <!-- CORE JQUERY SCRIPTS --><script src="assets/js/jquery-1.11.1.js"> ...
- 前端常用插件之calender日历控件
前端常用插件之calender日历控件 最近,发现一个插件--简单好用的页面日历控件,个人觉得有必要与大家分享一下,它就是calender日历控件. 准备环境: Bootstrap文件:bootstr ...
- 实用的签到、日程表日历控件(可扩展)
当初写这个控件主要是为了每日签到.当然你也可以改成事件(日程表)的日历控件,所有代码和样式都会分享给你. javascript代码极其简单,详细请下载demo文件(最下方有下载链接). 其实网上能搜索 ...
- 一个强大的js日历控件 FullCalendar 外加一堆可以直接运行的测试代码拿走不谢
资料地址 FullCalendar官网地址 FullCalendar文档 FullCalendar-v5.5.1在下地址 FullCalendar测试实例免费下载地址: https://downloa ...
最新文章
- C++ 获得指定路径文件的“修改日期”
- 我为什么选择比特币现金
- 区块链BaaS云服务(20)百度可信跨链BCP
- fedora 共享NFS
- VTK:几何对象之Tetrahedron
- nosql-redis学习 数据类型
- Socket系列3 Socket服务端开发 数据的接收和发送
- 不安装cudnn可不可以_Ubuntu16.04+gtx1060+cuda8.0+cudnn8.0+tensorflow安装
- 爬取淘宝定价需要多久时间_如何对设计工作进行定价—停止收​​取时间并专注于价值
- 安卓程序运行后控件不显示_智能镜子显示屏掀起了智能家居行业的新潮流
- 怎样修改计算机系统8,win8改win7,教您win8怎么改为win7系统
- 在这个薄情的世界里深情的活这
- 如何创建Roadmap产品路线图
- Python打印车次信息
- 2020计算机会计初级,2020年初级会计官网登录入口
- 关机整蛊小程序(c语言实现)
- 屏蔽博客园背景动态线条
- 2020年一线城市程序员工资大调查
- mysql可串行化读音,Oracle与MySQL中“可串行化”的对比测试
- java祖冲之加密算法_对称加密和非对称加密