`
志存高远
  • 浏览: 24191 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

引用jquery的日历插件,注意要导入css

阅读更多
网上搜索三个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>
分享到:
评论

相关推荐

    jQuery ui 日历插件应用实例

    在IT领域,jQuery UI是一个广泛使用的前端开发库,它提供了许多可交互的用户界面组件,其中就包括我们今天要讨论的“jQuery UI日历插件”。这个插件为网页添加了功能丰富的日期选择器,使得用户可以方便地选择日期,...

    FullCalendar jQuery日历插件.zip

    FullCalendar是一款广泛使用的jQuery日历插件,它能够帮助开发者在网页上创建功能丰富的互动日历。这款插件以其灵活性、可定制性和易用性而备受赞誉,支持各种事件安排、时间表显示以及多语言支持,是Web开发中的...

    jQuery课程安排日历表插件.zip

    首先,我们来看标题“jQuery课程安排日历表插件.zip”,这表明我们将研究的是一款以jQuery为基础的日历插件,专门用于展示和管理课程安排。jQuery是一个广泛使用的JavaScript库,以其简洁的API和强大的DOM操作能力而...

    js&jquery日历控件集合.7z

    这个压缩包中的 "js&jquery日历控件集合" 很可能包含多个不同风格和功能的日历插件,开发者可以根据项目需求选择合适的一个,或者作为参考来开发自己的定制化日历组件。在实际使用中,务必仔细阅读每个插件的文档,...

    Datepicker简洁的日历插件

    综上所述,"Datepicker简洁的日历插件"是一个基于 jQuery 的前端组件,主要涉及 JavaScript 和 CSS 技术,提供灵活的样式定制功能,适用于各种需要日期选择的场景。开发者可以根据自身项目的特性和设计要求,对这个...

    fullcalendar Jquery日历

    **全尺寸日历插件:FullCalendar jQuery** FullCalendar是一款基于jQuery的开源日历插件,它以其功能强大和灵活性而备受青睐。该插件能够为网页应用提供美观且实用的日历显示,支持月视图、周视图和日视图,满足...

    jQuery课程安排日历表插件

    在实际应用中,jQuery课程安排日历表插件的开发可能涉及到前端技术如HTML、CSS和JavaScript,以及可能的后端接口通信。前端部分需要考虑响应式设计,确保在各种屏幕尺寸上都能正常显示。后端部分则涉及数据存储和API...

    前端日历插件控件,fullcalendar 1 2 3版本全套源码

    **全栈Web开发中的前端日历插件:FullCalendar** FullCalendar是一款强大的JavaScript库,用于在Web应用中创建美观、功能丰富的日历组件。它以其跨浏览器兼容性、易用性和高度可定制性而受到广大开发者青睐。在这个...

    My97DatePicker时间及日历插件

    My97DatePicker是一款广泛应用于Java Web开发中的时间选择与日历插件,尤其在MyEclipse集成开发环境中被大量使用。这款插件以其强大的功能、易用性和高度自定义性,为开发者提供了方便快捷的时间输入解决方案。 ...

    支持大部分日历格式

    4. **js**和**css**:这两个文件夹很可能包含了日历插件的JavaScript源代码和CSS样式文件,是实现日历功能和界面设计的关键。 总的来说,这款日历插件以其对多种日历格式的支持、基于jQuery的便利性和多场景应用,...

    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 层次...

    日历javascript插件

    在Web开发中,全功能的日历插件可以极大地提升用户体验,使得用户能够方便地查看和管理日期相关的数据。 `fullcalendar-1.4.10` 是一个名为FullCalendar的JavaScript库的早期版本,它是一个非常流行且功能强大的...

    在网页编程中超好用的日历控件

    - jQuery插件:如jQuery UI的Datepicker,提供开箱即用的日历功能,只需简单的配置即可使用。 3. **JAVA中的日历控件**: - 在Java Web开发中,可以使用JavaServer Faces (JSF) 的UI组件库,如PrimeFaces或...

    jQuery权威指南366页完整版pdf和源码打包

    第8章 jquery ui插件 8.1 认识jquery ui 8.2 jquery ui交互性插件 8.2.1 拖曳插件 8.2.2 放置 8.2.3 排序插件 8.3 jquery ui微型插件 8.3.1 折叠面板插件 8.3.2 日历 8.3.3 选项卡插件 8.3.4 ...

    jsp java 日历控件

    9. **日历控件库**:有许多开源的Java日历控件库可供选择,如jQuery UI的DatePicker插件、Bootstrap的Datepicker、PrimeFaces的Calendar组件等。这些库通常提供丰富的功能和易于定制的API。 10. **响应式设计**:...

    jQueryjQuery

    jQuery还支持插件扩展,许多优秀的第三方插件如Bootstrap、jQuery UI等都是基于jQuery构建的,它们提供了丰富的功能,如模态对话框、日历、滑块等,进一步增强了网页交互性。 在压缩包中的文件中,我们可以找到关于...

    可编辑的表格:jQuery+PHP+jeditable实现实时编辑表格字段内容,下拉、日历等多种表单演示

    本教程主要探讨如何利用jQuery、PHP和jeditable插件实现在网页上实时编辑表格内容的功能,包括下拉菜单、日历等丰富的表单元素。以下是详细的知识点解析: 1. **jQuery**:jQuery是一个强大的JavaScript库,简化了...

    6个js日历控件

    - Pikaday是一款轻量级的日历插件,以其简洁的API和可定制性著称。 - 它提供基本的日历功能,如选择日期、输入日期验证等。 - Pikaday易于集成,可以与其他前端框架如jQuery、React或Vue配合使用。 4. **...

    js 日历控件

    1. 引入依赖:导入必要的JavaScript库和CSS文件。 2. 创建HTML结构:设置一个输入框或按钮作为触发日历显示的元素。 3. 初始化控件:使用JavaScript代码初始化日历插件,配置所需的选项。 4. 绑定事件:监听用户操作...

    四个js日历控件

    FullCalendar是一个全功能的日历插件,它不仅支持单个日期选择,还支持日程管理,可以展示多天的事件。FullCalendar与jQuery兼容,提供JSON或iCalender格式的数据导入,适合构建复杂的日历应用程序。其强大的API让...

Global site tag (gtag.js) - Google Analytics