50 个最棒的 jQuery 日历插件，很齐全了！

最新推荐文章于 2024-06-22 09:50:36 发布
最新推荐文章于 2024-06-22 09:50:36 发布
阅读量341 收藏
点赞数
文章标签： javascript ui ViewUI
原文链接：https://yq.aliyun.com/articles/111155
版权

什么介绍都没有，直接上酸菜！

  1. Even Touch Calendar


362ef826e13aee2eab364db0fe66c1a7213bba88
  1. Date Picker

    baf765d2b9e3f019713a6e43da8cdbd25296182e

    1. Booking Calendar PRO


    <a href=https://yqfile.alicdn.com/a3947662c2b9d9744307cc4a7da0a5cca9e27c07.png" >
    1. Date Range Picker

      <a href=https://yqfile.alicdn.com/cebe1099da932712e3caa49cb89b2c27f35d5ed0.png" >

      1. jQuery jToday Plugin


      0f9544baf5fee42c81da80869bf664712e0092a6
      1. Create astonishing iCal-like calendars with jQuery


      <a href=https://yqfile.alicdn.com/76ec6b76994b171b9ecee30366a7e0112e00ce22.png" >
      1. Jquery Week Calendar


      aa47ebcf5be8ec89531d06dc0a29fe4ec5b69b47
      1. Bootstrap Date Picker


      d20eebcc5f914e56b1eb5d5cecfd5ae67b1238ec
      1. JQuery Frontier Calendar

        <a href=https://yqfile.alicdn.com/a3a3cf2bd9b99239ee64ea06bf9f1d429c5fec87.png" >

        1. Date Picker – jQuery Plugin


        8ccb3eddb2e68fbcc61b35d3c6385c265a497564
        1. Time Picker jQuery Plugin


        <a href=https://yqfile.alicdn.com/2c1c1cbd530f5c42cbccfb2c51fca779b7e6e08b.png" >
        1. Timeline calendar


        892013441266c73451505b87fbf75f90866edc64
        1. Magi Calender


        bb99843b799310b67d83a5264b18894d06cb180c
        1. Gl Date Picker


        <a href=https://yqfile.alicdn.com/b6b53cc6a2ecb634cad5410aec83a5239b68b379.png" >
        1. Event Calendar


        97f30e2188d3c50e08410ad8b5a173e6b0d2fea1
        1. Multi Dates Picker

          78dac4f266594cf1afb42bc280590b0dcdd5e3ce

          1. Calendar Lite jQuery Plugin


          <a href=https://yqfile.alicdn.com/85f04c032c8a5da8fcdd2e005590c628d4608c78.png" >
          1. Blue Shoes JS Date Picker Component

            <a href=https://yqfile.alicdn.com/5b48abc6ca9ec067155c3fbd0c2276cd3dc95d66.png" >

            1. Calendar – Date Picker – Date Field

              4e8d21c116af3fa2cdf74f292b9c998439477c92

              1. jQuery UI Date Picker


              <a href=https://yqfile.alicdn.com/e8084fa00f27e64198b9dade5a67d15dfbbeeb29.png" >
              1. V Calendar

                4a45c3d3e2b95bebe2b4ed78b313ffb2b27a9e7e

                1. O Calendar – jQuery Event Calendar

                  <a href=https://yqfile.alicdn.com/1d3920837a59ef3a55533cfdee258e0d29248e04.png" >

                  1. jQuery Week Calendar Plugin

                    <a href=https://yqfile.alicdn.com/1453ee99cc8d4c1403a65011073c58ef4875eb45.png" >

                    1. Calendar – A Javascript class for Mootools

                      <a href=https://yqfile.alicdn.com/7495bb965f54d7ebe095ac8b2e40154db21a08d1.png" >

                      1. DZS jQuery Mini Events Calendar


                      <a href=https://yqfile.alicdn.com/e07934f1e83c3af7e11f7ad8d2e9e90194f3353c.png" >
                      1. Zebra Date Picker


                      d155deb32eb07c1b38a1573dd3599ac8915de772
                      1. Wd Calendar – JQuery based Google calendar clone


                      a730e61fc5796ab3d4db6d28debe0bf1f519a743
                      1. jQuery.minical


                      df510716d194ebed25d2258264fffda9340a60cc
                      1. jQuery Monthly Ical Plugin

                        54810a33570816545b1bd4dd6af7607e7cbd26ad

                        1. jQuery Calendar Widget Plugin

                          7277055cdfa0d95b261d64e0b5ba5ab93df2a081

                          1. Simple Events Calendar JS

                            e2e28b951c002def67b77a65e6251220d1a425af

                            1. Pt Time Select


                            <a href=https://yqfile.alicdn.com/66c098fd86d5ce4f7bd329965ba62b6b5f9fadc7.png" >
                            1. Multi day Calendar Date picker JQuery Plug-in


                            ae8790d552e584523b8596c80668c8223f369c7f
                            1. jQuery Mobile Date Box

                              8c4ed3bc723cd653eb04d829d204b495da98fb54

                              1. jQuery XML – Calendar Plugin


                              f9f89834ab0a6cc76871a78f4d85216f9f6595dc
                              1. JavaScript Calendar Component


                              <a href=https://yqfile.alicdn.com/a47862722a2d74b89c0b37a55ebf37a2d8df7d52.png" >
                              1. jQuery.Calendar Picker

                                6f6e3171b1803c0484d472b28ca76ae4f8869908

                                1. Timeline XML

                                  10d9c2a50be5262911e5871fa0b2a2fc448b86b7

                                  1. Awesome Date – Picker Mootools


                                  669a0ce6bab680fa43951d400788fb6b8090b176
                                  1. jQuery Clock Pick Plugin – A Time Picker


                                  <a href=https://yqfile.alicdn.com/831dc20a2690b8f1e6fd4ab2d082a14675492055.png" >
                                  1. Simple Calendar Widget


                                  2049739305a93e3f137dcc8a4fa019757078a4ee

                                  1. Unobtrusive Date – Picker Widget Update

                                    <a href=https://yqfile.alicdn.com/b7ca5932f3dfc7477f87eea0789449f70922ed4b.png" >

                                    1. Timeframe


                                    fa240253c7c88885edcd50cebab5e26159fea1ca
                                    1. Teamup Calendar


                                    6e4b7d8a6080c1673205353ea34d2e6780e4f37f
                                    1. jQuery Date Input Plugin

                                      29bb43cfb1534ee6cd466a399fac8d650a1a7f6a

                                      1. Calendar System


                                      <a href=https://yqfile.alicdn.com/e6cb22c2c83d4df2147a2460a772904dd2b561d7.png" >
                                      1. Cute Time

                                        64943396ae384002c0b279b50ab9735b9a895da3

                                        1. Clock Pick


                                        d92c3ca8c361329cc38156445a809f3b246c667f
                                        1. Full Calendar

                                          7514e7aebf2757595c69e95f16736488aa763b40

                                          1. Pickadate.js


                                          93a0a59a3b48b7b0e4edea40bf926538d8f67e2c

                                          文章转载自 开源中国社区 [http://www.oschina.net]
weixin_34129696
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery日历插件
03-26
开发html网页中使用的jquery日历插件， 经过测试可用 适合在博客开发时使用
jQuery插件之——简单日历
weixin_30687587的博客
10-25 190
最近在研究js插件的开发，以前看大神们，对插件都是信手拈来，随便玩弄，感觉自己要是达到那种水平就好了，就开始自己研究插件开发了。研究了一段时间之后，就开始写了自己的第一个日历插件，由于是初学插件开发，代码的可读性可能有点差，希望各位大神可以多提点意见，以后维护代码，让这个插件更加的完整。下面就贴出代码。 首先，给插件来个整体的div容器 <div class="y-total"&gt...
探索jQuery的精彩日历插件：Verbose Calendar
最新发布
gitblog_00032的博客
06-22 891
探索jQuery的精彩日历插件：Verbose Calendar 项目地址:https://gitcode.com/iamjpg/jQuery-Verbose-Calendar 在数字化时代，日期管理工具已经成为我们日常工作中不可或缺的一部分。今天，我们带来了一个独特的开源项目——jQuery Verbose Calendar，它不仅仅是一个简单的时间管理器，更是一个充满定制可能的小巧日历应用。如...
Jquery中的日历插件
weixin_33701564的博客
11-25 117
这个插件很简单：只需要在HTML代码中引入插件如下，CLASS名和click事件函数固定！ &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditP
jQuery带提示的日历插件
ICode联盟
04-13 261
下载地址 简约的jQuery日历插件，没有特别的日期或者时间选择功能，仅仅是展示一个简单的日历控件。这款jQuery日历插件的特点是色彩清新，而且也可以上翻和下翻月份。最大的特点是这款日历插件在鼠标滑过日期时，会弹出带有当前详细的日期和星期数据的Tooltip提示框。 dd: ...
jQuery手机端HTML5带农历日期选择插件jQuery移动端日历插件swiper.js
03-31
js目录则包含了JavaScript源代码，包括jQuery、swiper.js以及自定义的日历插件逻辑。 总的来说，这款jQuery手机端HTML5日历插件充分利用了现有的前端技术，为移动应用开发提供了一个功能齐全、用户体验良好的日期...
jQuery日历签到插件
10-08
总的来说，jQuery日历签到插件是前端开发中常见的实践，它结合了jQuery的便利性、HTML5的现代特性及CSS3的美化效果，为用户提供了一个功能齐全且用户体验良好的日期选择与签到解决方案。在实际项目中，开发者可以...
给开发者准备的 10 款最好的 jQuery 日历插件
08-04
总的来说，jQuery日历插件极大地丰富了Web开发者的工具箱，帮助他们构建出功能齐全、美观的日历应用。无论是需要简单的日期选择还是复杂的日程管理，总有一款插件能满足需求。而Cal-Heatmap则为数据分析和可视化提供...
jquery日期日历插件特效代码
03-20
《jQuery日期日历插件特效代码详解》 在网页开发中，日期选择器是一个非常常见的功能，它使得用户能够方便地选取日期，常用于预订系统、日程安排等场景。jQuery，作为一款广泛使用的JavaScript库，提供了丰富的插件...
jQuery全年日历工作考勤表代码amazeui.js插件.zip
09-21
通常，一个基于jQuery的日历插件会提供API，允许开发者设置初始日期、指定特定的日期格式、添加自定义事件等。在amazeui.js中，可能还集成了诸如点击日历项时显示详细考勤信息、标记节假日或员工出勤状态等功能。 ...
jQuery日历插件
04-26
jQuery日历插件Calendar
jquery 日历插件
01-16
javascript的日历插件 方便前端工程师更快更便捷的开发。
jquery-calendar:jQuery 日历插件
06-16
jquery-日历 jQuery 日历插件 克隆只需使用： git clone https://github.com/a2wd/jquery-calendar.git 要使用确保你有一个指向 jQuery 的链接并像这样调用一个元素： $(element).aCal(); 或者，使用返回值进一步操作日历对象： $(element).aCal(); var aCal = $(element).data("aCal"); aCal.move(1); 示例 html： <!DOCTYPE html > < html > < head > < title > jQuery Calendar Plugin </ title > < meta name =" viewport " content =" width=device-width, initial-scale=1.0
JQ日历插件
08-27
日历插件
jQuery Week Calendar - 功能强大的日历插件
gitblog_00002的博客
03-10 451
jQuery Week Calendar - 功能强大的日历插件 jQuery Week Calendar 是一个基于 JavaScript 和 jQuery 的可定制化日程安排插件。它可以帮助开发者轻松创建一款功能丰富的、易于使用的交互式周视图日历。 什么是 jQuery Week Calendar？ jQuery Week Calendar 是一个轻量级的 Web 应用程序库，允许开发者在网页...
jquery插件日历
武婷婷（PHP）
03-29 695
首讲日历，本需要好多步的东西，现在却需要这么少的代码  ，真的让人很惊讶 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档  #startTime,#endTime{    /* background-color:
jQuery 日历插件
zhangwei10php的专栏
03-29 2133
日历插件： 　　在页面开发中，经常遇到需要用户输入日期的操作。通常的做法是，提供一个文本框，让用户输入，然后，编写代码验证输入的数据，检测其是否是日期型。这样比较麻烦，同时，用户输入日期的操作也不是很方便，影响用户体验。如果使用jQuery UI 中的datepicker日历插件，这些问题都可以迎刃而解。该插件调用的语法格式如下： $(".selector").datepicker(optio
selenium jquery日历插件代码
07-14
### 回答1： Selenium是一种用于自动化Web应用程序测试的工具，而jQuery是一种流行的JavaScript库，通过在HTML页面上使用jQuery插件，我们可以简化日期选择器的实现。以下是一个示例代码，使用Selenium和jQuery日期选择器插件来选择日期： ```python from selenium import webdriver from selenium.webdriver.common.by import By from selenium.webdriver.support.ui import WebDriverWait from selenium.webdriver.support import expected_conditions as EC # 创建WebDriver实例 driver = webdriver.Chrome() # 打开页面 driver.get("http://example.com") # 等待日期选择器加载完成 wait = WebDriverWait(driver, 10) date_picker = wait.until(EC.presence_of_element_located((By.ID, "datepicker"))) # 使用jQuery的日期选择器插件选择日期 driver.execute_script("$('#datepicker').datepicker('setDate', '2022-12-31')") # 点击确认按钮 confirm_button = driver.find_element(By.ID, "confirm") confirm_button.click() # 关闭浏览器 driver.quit() ``` 以上代码使用了Selenium的WebDriver模块来操控浏览器，通过WebDriverWait来等待日期选择器的加载完成，然后使用jQuery的datepicker插件将日期设置为"2022-12-31"，最后点击确认按钮。 ### 回答2： Selenium是一个自动化测试工具，用于模拟用户在网页上的操作。jQuery是一个流行的JavaScript库，用于简化操作DOM元素和处理事件的过程。日历插件是一个可以在网页上显示日历并选择日期的工具。 在使用Selenium和jQuery来测试日历插件的代码中，我们可以使用Selenium的操作方法来模拟用户在日历上进行选择日期的操作。以下是一些示例代码： 1. 导入必要的库和插件 import org.openqa.selenium.WebDriver; import org.openqa.selenium.WebElement; import org.openqa.selenium.JavascriptExecutor; import org.openqa.selenium.chrome.ChromeDriver; 2. 实例化WebDriver和加载网页 WebDriver driver = new ChromeDriver(); driver.get("https://www.example.com"); 3. 执行JavaScript代码来查找并点击打开日历的按钮 WebElement calendarButton = driver.findElement(By.id("calendarButtonId")); ((JavascriptExecutor)driver).executeScript("arguments[0].click();", calendarButton); 4. 执行JavaScript代码来选择特定的日期 WebElement dateElement = driver.findElement(By.xpath("//td[@data-date='2023-01-15']")); ((JavascriptExecutor)driver).executeScript("arguments[0].click();", dateElement); 5. 执行JavaScript代码来关闭日历 WebElement closeButton = driver.findElement(By.className("closeButtonClass")); ((JavascriptExecutor)driver).executeScript("arguments[0].click();", closeButton); 这些代码示例假设已经使用了正确的定位方式（例如通过id、xpath、class等）来定位到相应的元素，并且页面上存在与示例代码中使用的元素相对应的标识。如果实际情况不同，请根据实际情况进行调整。 这些代码只是一个简单的示例，具体的实现方法还取决于日历插件的具体实现和网页的结构。实际应用中可能需要更加细致的操作和处理，根据具体的需求进行相应的修改和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值