`
ice-cream
  • 浏览: 329353 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

jquery ui 日历插件(换色+类型)

阅读更多

抽空把jquery ui 里的日历做了个整理,整合了换色和几种调用方法。

文件里的example.html是我写的调用页面,所有的颜色主题和调用方法都可以通过这个页面呈现出来。

 

example页面,点击查看大图

 

一共有17个颜色主题,如下图,点击查看大图

  • 大小: 507.9 KB
  • 大小: 81.5 KB
分享到:
评论
16 楼 youluolei 2013-04-23  
   请问楼主,怎么设置主题颜色?
15 楼 lairdChen 2011-07-29  
可惜没做出中文的来?
14 楼 ulear 2009-07-17  
效果很不错,赞一下
13 楼 liukai 2009-07-17  
请问下楼主 为什么我的jquery.form.js 里的AjaxForm方法和
UI里的datepicker方法冲突
提交后页面返回1
而把JS引用注释后则没问题
12 楼 xuey210 2009-06-12  
好的,已经是中文 Display month and year menus。!!感谢楼主!
11 楼 ice-cream 2009-06-12  
xuey210 写道

我要•Display month and year menus 并且是中文的。OK吗?

当然可以的,到http://www.jqueryui.com/demos/datepicker/#dropdown-month-year上有调用方法
10 楼 xuey210 2009-06-12  
我要•Display month and year menus 并且是中文的。OK吗?
9 楼 ice-cream 2009-05-23  
sun201200204 写道

ie中打不开图片。一直提示在下载、

有个png格式的图片不能解析,卡住了
8 楼 sun201200204 2009-05-22  
ie中打不开图片。一直提示在下载、
7 楼 zhuzhigang_skcc 2009-04-10  
我下载看了一下,很凶,很霸道!
6 楼 ice-cream 2009-04-02  
lzkyo 写道

请问为什么显示不出翻页的左右箭头呢?还有我如果想添加其他的年份怎么添加?

左右箭头不出来是因为缺失背景图片,我重新整理了下,现在可以看到箭头了。
添加年份选“Display month and year menus”这一项就可以了
5 楼 lzkyo 2009-03-26  
请问为什么显示不出翻页的左右箭头呢?还有我如果想添加其他的年份怎么添加?
4 楼 ice-cream 2009-03-23  
zhouzhao21 写道
为什么不支持 ie6...

支持ie6的,不知道你说的"不支持"是指圆角吗?还是不能遮住select框
圆角是因为ie6还不支持css3圆角技术
不能遮住select框解决办法是在日历弹出层外面再套个iframe就ok了
3 楼 zhouzhao21 2009-03-23  
为什么不支持 ie6...
2 楼 ice-cream 2009-03-11  
becoder 写道

为什么不直接用它的Roll your own呢?http://jqueryui.com/themeroller/

动手做下,明了一些
1 楼 becoder 2009-03-11  
为什么不直接用它的Roll your own呢?

http://jqueryui.com/themeroller/

相关推荐

    jQuery ui 日历插件应用实例

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

    jquery-ui插件

    **jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件以其强大的功能、易于使用的API和可定制的主题而受到开发者的广泛欢迎。在本文...

    jQuery官方UI插件 jQuery官方UI插件

    jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它提供了丰富的用户界面组件和交互效果,旨在简化网页的交互设计和视觉呈现。这个插件集合了一系列精心设计、功能强大的组件,如对话框(Dialog)、日期选择...

    jQuery选择日历插件.rar

    二、jQuery选择日历插件的类型 1. **Bootstrap Datepicker**:基于Bootstrap框架的日历插件,提供多种主题和语言支持,可自定义日期格式,同时支持日期范围选择和日期禁用等高级功能。 2. **jQuery UI Datepicker*...

    jquery_ui插件集锦

    1. **日历控件 (Datepicker)**:jQuery UI的日历控件是最常用的组件之一,它可以方便地在网页上添加日期选择功能。该控件支持多种格式化选项,如自定义日期格式,可以设置开始和结束日期,还可以配置是否显示星期等...

    jquery ui 插件大全

    **jQuery UI插件大全** jQuery UI 是一个基于jQuery JavaScript库的用户界面组件集合,它提供了丰富的交互效果和可自定义的主题,使得开发人员能够轻松创建出美观、功能强大的Web应用程序。这个“jQuery UI插件大全...

    精确到时分秒的jQuery UI日历

    在网页开发中,jQuery UI日历插件是一个广泛使用的组件,它为用户提供了方便的日期选择功能。然而,标准的jQuery UI日历默认只支持日期级别的选择,如果需要精确到时分秒,就需要进行一些定制化的设置。本教程将深入...

    jQuery官方UI插件

    jQuery UI 是一个基于 jQuery JavaScript 库的开源用户界面插件集合,它提供了丰富的交互效果、可自定义的主题以及多种多样的组件,使得开发者能够轻松创建功能丰富、用户体验优秀的Web应用程序。这个压缩包文件包含...

    jquery ui 插件

    **jQuery UI插件详解** jQuery UI是一个基于JavaScript的开源库,它是jQuery库的扩展,提供了丰富的用户界面组件和交互效果。这个插件集合了多种功能,包括但不限于对话框(Dialogs)、日期选择器(Datepickers)、...

    jQuery简洁版日历插件效果

    在实际开发中,你可以找到许多现成的jQuery日历插件,如jQuery UI的Datepicker、Bootstrap Datepicker等。这些插件已经封装好了大部分功能,只需要在页面中引入相关的JS和CSS文件,然后通过简单的配置即可快速实现...

    wijmo+jquery+jqueryui+jqgrid 最新开发包以及demo

    标题 "wijmo+jquery+jqueryui+jqgrid 最新开发包以及demo" 涉及的是四个关键的JavaScript库和框架,它们在Web应用程序开发中非常常见,特别是用于创建交互式用户界面。以下是对这些技术的详细介绍: 1. **jQuery**...

    jQuery-UI-插件-使用说明+官方插件js包+jQuery及UI官方英文原版API手册_IT168文库

    ### jQuery UI 插件使用详解 #### 一、概述 jQuery UI 是一款基于 jQuery 的用户界面库,提供了丰富的用户交互组件和效果。它不仅简化了前端开发中的许多复杂任务,如拖拽、排序等,还提供了多种视觉效果,极大地...

    jQuery UI拖拽拖放插件jquery.top-droppable

    **jQuery UI 拖拽拖放插件:jquery.top-droppable** 在Web开发中,交互性和用户体验至关重要,而拖放功能(Drag and Drop)是提升用户体验的一种有效方式。jQuery UI是一个强大的JavaScript库,提供了丰富的用户...

    jQuery UI 1.12.1开源插件

    **jQuery UI 1.12.1开源插件详解** jQuery UI 是一个强大的前端开发工具集,它基于广泛使用的JavaScript库jQuery,为开发者提供了丰富的用户界面组件和交互效果。这个开源项目版本为1.12.1,是jQuery UI系列中的一...

    JQUERY-UI1.8.2插件包

    **jQuery UI 1.8.2 插件包详解** jQuery UI 是一个基于 jQuery 的开源库,它提供了丰富的用户界面组件和交互效果,使得开发者能够更便捷地创建具有专业外观和交互性的网页应用。该库在 1.8.2 版本中包含了多种功能...

    JQuery 双日历显示

    **jQuery 双日历显示** 在网页开发中,有时我们需要用户选择两个日期,例如开始日期和结束日期。这种情况下,使用一个单日历...通过结合jQuery和相关的日历插件,你可以轻松实现一个高效且用户友好的双日历显示功能。

    jQuery简易的日历插件下载.zip

    本话题将聚焦于一个特定的应用场景:使用jQuery实现的一个简易日历插件。这个插件是针对网页应用中的日期选择功能设计的,适用于需要用户输入日期的表单或者展示日期信息的界面。 首先,jQuery简易日历插件是基于...

Global site tag (gtag.js) - Google Analytics