개발자를 위한 최고의 jQuery 캘린더 플러그인 10가지_jquery

WBOY
풀어 주다: 2016-05-16 17:01:23
원래의
1968명이 탐색했습니다.

这篇文章介绍的是 10 款最棒而且又很有用的 jQuery 日历插件,允许开发者们把这些漂亮的日历插件结合到自己的网站中。这些日历插件易用性都很强,轻轻松松的就可以把漂亮的日历插件装饰到你的网站了。希望下面的插件列表能给予你一定的帮助,让你的 web开发更快更好。旧版本的日历插件和下拉框已经被淘汰啦,好好欣赏 jQuery 日历插件给你带来的强烈视觉冲击吧!

  1. CLNDR.js

  CLNDR.js 是一个日历插件,用来创建日历,允许用户随意的按照自己的想法去自定义日历。这个插件不会生成任何的标记,但是可以使用数据来填充 Underscore.js HTML 模版(产生下划线)。它提供一些很有帮助的选项,确定星期的推移,初始加载时显示日历,点击事件(像 下一个或者是前一个月)等等功能。

  2. jQuery Verbose Calendar

  jQuery Verbose Calendar 是个日历插件,,提供优雅的用户界面和轻松的日期滚动切换。它同时显示一年的所有月份和具体日期。一旦加载就会自动滚动到“今天”并显示当天的日期,需要 鼠标放在日期上面才会提示是星期几。除此之外,这款日历插件可以通过单个函数插入到任何 HTML 元素中。虽然这款插件只有很少的参数可以自定义,但是当点击日期的时候可以添加自定义的回调内容。

  3. wdCalendar

  wdCalendar (JQuery Event Calendar Plugin)是 Google Calendar 的一个克隆,基于jQuery实现。包含Google日历的大部分功能包括:提供按天/周/月查看视图;支持通过拖拉的方式创建/更新 /删除事件;功能丰富的 API;易于给合数据库一起使用。通常,处理持续很多天的事件是很复杂的,但是 wdCalendar 能在这些都做的很好!

  4. CalendarPicker

  CalendarPicker 是一个 jQuery 插件,用来创建好看的外观和漂亮的原始日期选择器。它提供多个下一个或者上一个日期,月份或者是年份的选择,可以快速的选择相应的日期。除此之外,它支持 鼠标滚轮滚动的来控制上一个或者下一个按钮(使用鼠标滚轮插件)。日期选择器会默认显示当前的日期,或者加载任何一个已经选择的日期。日期和月份的名字是 可选的,用户可以自定义相应的漂亮多语言界面。

  5. jMonthCalendar

  jMonthCalendar 是显示整整一个月的日历,支持添加相应的事件。用户可以用选项和简单的事件数组来初始化日历,后面的事情就可以交给 jMonthCalendar 了。这是个 jQuery 日历插件,带有扩展的功能,允许开发者与日历有很好的交互,比如当日历显示要修改月份的时候,或者是显示修改后的月份和点击日历事件之后。 jMonthCalender 现在支持 hover 扩展功能,鼠标在事件徘徊的时候就会触发事件。默认的时候,时间都会伴随有 URL 超链接,用户点击可以链接到详细信息的页面。

  6. Full Calendar

  FullCalendar 是个jQuery 插件,提供完整大小的,可拖拽的日历,就像上图一样的日历。它使用 AJAX 来获取每月事件的动态i,而且很容易使用自己喜欢的格式去配置日历(Google Calendar 提供的扩展功能)。用户可以自定义它的外观,自定义触发事件之后的行为(比如,点击,拖拽事件等等)。

7. 칼-히트맵

Cal-Heatmap은 캘린더 히트맵을 생성하는 데 사용되는 자바스크립트 모듈입니다. 이 모듈은 사용자가 github 사용자의 기여 달력과 마찬가지로 달력을 만드는 데 도움이 될 수 있습니다. 차이점은 Cal-Heatmap에는 탐색 및 기타 많은 데이터 형식 컨트롤이 있다는 것입니다.

8. gIDatePicker

glDatePicker는 간단하고 사용자 정의가 가능하며 가벼운 날짜 선택기 jQuery 달력 플러그인입니다. gIDatePicker는 압축 후 크기가 4KB에 불과합니다(압축하지 않으면 11KB). 여기에는 앞으로 및 뒤로 탐색, 현재 날짜 강조 표시, 제한된 날짜 선택이 포함되며 각 날짜 선택기는 고유한 스타일을 가지며 사용자가 현재 선택한 날짜를 표시합니다.

 9. jQuery Frontier 캘린더

jQuery Frontier Calendar는 Google 캘린더와 약간 유사한 한 달 분량의 jQuery 캘린더 플러그인입니다. 모든 UI 요소(예: 다음 달 및 이전 달 버튼, 이벤트 테이블 추가, 툴팁 등)는 캘린더 플러그인의 일부가 아닙니다. 사용자는 API를 사용하여 이러한 요소의 형식을 제어하고 달력의 모양을 사용자 정의할 수 있습니다.

 10. jDigiClock

jDigiClock은 HTC의 Big Clock 위젯에서 영감을 받은 jQuery 플러그인입니다. jDigiClock 플러그인을 사용하려면 HTML 파일의 head 태그에 jQuery 라이브러리, jDigiClock 소스 파일 및 jDigiClock 코어 스타일 목록 파일이 포함되어야 합니다. jDigiClock에는 시계 이미지 경로, 날씨 이미지 경로, 오전/오후 옵션 설정, 날씨 위치 코드, 날씨 측정 모드 설정: C 또는 F, 매분 날씨 업데이트 등과 같은 다양한 구성 옵션이 있습니다.

위에 소개된 10가지 멋진 jQuery 캘린더 플러그인 중 귀하의 스타일에 맞는 플러그인이 있을 것입니다. 이 플러그인에 대한 귀하의 선택과 평가를 자유롭게 공유해 주세요.

codegeekz.com

을 통해
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!