网上搜索三个js文件:jquery-1.8.1.min.js,jquery.datepick.js,jquery.datepick-zh-CN.js
注意还要有css文件:smoothness.datepick.css
引用:
<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
<script type="text/javascript" src="${path}/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${path}/js/jquery.datepick.js"></script>
<script type="text/javascript" src="${path}/js/jquery.datepick-zh-CN.js"></script>
<link type="text/css" href="${path}/css/smoothness.datepick.css" rel="stylesheet">
<script type="text/javascript">
$(function() {
var nowdays = new Date();
var dateConfig = {
showOn: 'both', //二个都显示
buttonImage: '${path}/js/calendar.gif', //加载图片
buttonImageOnly: true, //显示图片的地方有一个突出部分,这个就是隐藏那玩意的
changeFirstDay: false, //这个参数干什么的呢,星期一是日历的第一个,不可以改动的
numberOfMonths: 1, //显示二个月,默认一个月
dateFormat: 'yy-mm-dd', //日期格式
yearRange: '-20:+20' //前后20年,不过这根minDate是今天有冲突,自己去试吧。
};
$('#queryDate').datepick(dateConfig);
});
</script>
使用:
<td>时间:</td>
<td><input type="text" id="queryDate" name="queryDate"/></td>
分享到:
相关推荐
在IT领域,jQuery UI是一个广泛使用的前端开发库,它提供了许多可交互的用户界面组件,其中就包括我们今天要讨论的“jQuery UI日历插件”。这个插件为网页添加了功能丰富的日期选择器,使得用户可以方便地选择日期,...
FullCalendar是一款广泛使用的jQuery日历插件,它能够帮助开发者在网页上创建功能丰富的互动日历。这款插件以其灵活性、可定制性和易用性而备受赞誉,支持各种事件安排、时间表显示以及多语言支持,是Web开发中的...
首先,我们来看标题“jQuery课程安排日历表插件.zip”,这表明我们将研究的是一款以jQuery为基础的日历插件,专门用于展示和管理课程安排。jQuery是一个广泛使用的JavaScript库,以其简洁的API和强大的DOM操作能力而...
这个压缩包中的 "js&jquery日历控件集合" 很可能包含多个不同风格和功能的日历插件,开发者可以根据项目需求选择合适的一个,或者作为参考来开发自己的定制化日历组件。在实际使用中,务必仔细阅读每个插件的文档,...
综上所述,"Datepicker简洁的日历插件"是一个基于 jQuery 的前端组件,主要涉及 JavaScript 和 CSS 技术,提供灵活的样式定制功能,适用于各种需要日期选择的场景。开发者可以根据自身项目的特性和设计要求,对这个...
**全尺寸日历插件:FullCalendar jQuery** FullCalendar是一款基于jQuery的开源日历插件,它以其功能强大和灵活性而备受青睐。该插件能够为网页应用提供美观且实用的日历显示,支持月视图、周视图和日视图,满足...
在实际应用中,jQuery课程安排日历表插件的开发可能涉及到前端技术如HTML、CSS和JavaScript,以及可能的后端接口通信。前端部分需要考虑响应式设计,确保在各种屏幕尺寸上都能正常显示。后端部分则涉及数据存储和API...
**全栈Web开发中的前端日历插件:FullCalendar** FullCalendar是一款强大的JavaScript库,用于在Web应用中创建美观、功能丰富的日历组件。它以其跨浏览器兼容性、易用性和高度可定制性而受到广大开发者青睐。在这个...
My97DatePicker是一款广泛应用于Java Web开发中的时间选择与日历插件,尤其在MyEclipse集成开发环境中被大量使用。这款插件以其强大的功能、易用性和高度自定义性,为开发者提供了方便快捷的时间输入解决方案。 ...
4. **js**和**css**:这两个文件夹很可能包含了日历插件的JavaScript源代码和CSS样式文件,是实现日历功能和界面设计的关键。 总的来说,这款日历插件以其对多种日历格式的支持、基于jQuery的便利性和多场景应用,...
1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 jQuery 选择器/12 2.1 jQuery选择器概述/13 2.1.1 什么是选择器/13 2.1.2 选择器的优势/13 2.2 jQuery选择器详解/17 2.2.1 基本选择器/18 2.2.2 层次...
在Web开发中,全功能的日历插件可以极大地提升用户体验,使得用户能够方便地查看和管理日期相关的数据。 `fullcalendar-1.4.10` 是一个名为FullCalendar的JavaScript库的早期版本,它是一个非常流行且功能强大的...
- jQuery插件:如jQuery UI的Datepicker,提供开箱即用的日历功能,只需简单的配置即可使用。 3. **JAVA中的日历控件**: - 在Java Web开发中,可以使用JavaServer Faces (JSF) 的UI组件库,如PrimeFaces或...
9. **日历控件库**:有许多开源的Java日历控件库可供选择,如jQuery UI的DatePicker插件、Bootstrap的Datepicker、PrimeFaces的Calendar组件等。这些库通常提供丰富的功能和易于定制的API。 10. **响应式设计**:...
jQuery还支持插件扩展,许多优秀的第三方插件如Bootstrap、jQuery UI等都是基于jQuery构建的,它们提供了丰富的功能,如模态对话框、日历、滑块等,进一步增强了网页交互性。 在压缩包中的文件中,我们可以找到关于...
本教程主要探讨如何利用jQuery、PHP和jeditable插件实现在网页上实时编辑表格内容的功能,包括下拉菜单、日历等丰富的表单元素。以下是详细的知识点解析: 1. **jQuery**:jQuery是一个强大的JavaScript库,简化了...
- Pikaday是一款轻量级的日历插件,以其简洁的API和可定制性著称。 - 它提供基本的日历功能,如选择日期、输入日期验证等。 - Pikaday易于集成,可以与其他前端框架如jQuery、React或Vue配合使用。 4. **...
1. 引入依赖:导入必要的JavaScript库和CSS文件。 2. 创建HTML结构:设置一个输入框或按钮作为触发日历显示的元素。 3. 初始化控件:使用JavaScript代码初始化日历插件,配置所需的选项。 4. 绑定事件:监听用户操作...
FullCalendar是一个全功能的日历插件,它不仅支持单个日期选择,还支持日程管理,可以展示多天的事件。FullCalendar与jQuery兼容,提供JSON或iCalender格式的数据导入,适合构建复杂的日历应用程序。其强大的API让...
其次,为了实现跨平台兼容,开发者可能需要利用JavaScript库,如jQuery或现代的React、Vue或Angular框架,来处理设备差异和浏览器兼容性问题。此外,为了在手机端提供良好的用户体验,可能需要集成手势识别功能,...