`
ninggy
  • 浏览: 114242 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

修改一个jquery实现的带时间的日历

阅读更多

早些时候要一个带时间的日历,google好久找到几个,有一个觉得挺适合我的需要,但是样式和某些是细节不是我想要的所以就稍加修改了下。效果图:

源代码的地址:http://razum.si/jQuery-calendar/TimeCalendar.html

代码附件中都有类,就在赘述类。

  • 大小: 9.5 KB
分享到:
评论
2 楼 ninggy 2011-07-28  
li498833284 写道
大侠
我是个新手 看了你的代码没太看懂 

我想 点击图片 跳出这个JS日历  然后在文本框上显示 内容

这个点击 图片 怎么写阿 不知怎么获取内容然后在文本框上显示

麻烦了 谢谢

我简单修改了下,可能修改的不好,可以参考下:
1.图片上做个点击操作,
   在操作方法中调用: $("#kssj").calendar();
2.修改js文件:
/* Attach the calendar to a jQuery selection. */

$.fn.calendar = function(settings) {

// customise the calendar object

$.extend(popUpCal, settings || {});

// attach the calendar to each nominated input element

return this.each(function() {

if (this.nodeName.toLowerCase() == 'input') {

          popUpCal.showFor(this);
//暂时修改成这样,可是达到效果
}

});

};
1 楼 li498833284 2011-07-27  
大侠
我是个新手 看了你的代码没太看懂 

我想 点击图片 跳出这个JS日历  然后在文本框上显示 内容

这个点击 图片 怎么写阿 不知怎么获取内容然后在文本框上显示

麻烦了 谢谢

相关推荐

    jQuery实现带时间实时显示效果的日历源码.zip

    这个“jQuery实现带时间实时显示效果的日历源码”是一个实用的资源,可以帮助开发者创建具有动态时间显示功能的日历组件。下面将详细讲解这个日历插件的实现原理和关键知识点。 首先,jQuery日历插件通常会包含以下...

    jquery实现的带日历多条件筛选特效源码.zip

    本篇文章将深入探讨如何利用jQuery实现一个带日历功能的多条件筛选特效,以提高用户体验并增强网站的交互性。 首先,jQuery的核心在于其选择器和DOM操作。在实现日历组件时,我们需要通过jQuery选择器获取到相应的...

    jquery带时间的日历很好用的哦

    在本主题中,我们将深入探讨如何使用jQuery实现一个带有时间选择功能的日历控件,以及它为何如此实用。 首先,jQuery日历插件通常是开发者为了在网页上提供用户友好的日期和时间选择功能而使用的。这种插件能够帮助...

    jQuery带时间日期日历插件.zip

    `jQuery带时间日期日历插件`是为了解决这一需求而设计的,它是一种基于JavaScript库jQuery的轻量级解决方案,尤其适合扁平化设计风格的网站。 该插件名为Ecalendar.js,它为开发者提供了一个直观、易于使用的日期和...

    jQuery工作事项安排日历表代码.zip

    此代码设计用于创建一个直观的日历界面,用户可以在此界面上添加、编辑和删除日常任务,实现个人或团队的工作计划管理。日历表通常会显示月份视图和日期,允许用户查看和操作特定日期的任务。 这个代码的实现主要...

    Jquery按月生成日历排班.zip

    本项目"Jquery按月生成日历排班.zip"是利用jQuery来创建一个功能完善的日历排班系统,能够帮助用户方便地规划和管理每月的工作时间,包括上午、下午和全天的安排。 首先,我们要了解jQuery的基本概念。jQuery是由...

    Jquery横向滚动日历基于swiper(更新)

    本文将详细介绍如何利用 jQuery 和 Swiper 库创建一个横向滚动的日历。 首先,Swiper 是一款强大的滑动框架,它支持多设备触摸滑动、响应式布局以及各种自定义动画效果。在构建横向滚动日历时,Swiper 可以帮助我们...

    jquery做的日历小例子

    这个“jquery做的日历小例子”是利用jQuery来创建一个实用的日历组件,可以帮助开发者快速实现网页上的日期选择功能,常见于表单验证、预约系统或者时间管理应用中。 首先,让我们深入了解jQuery如何实现日历功能的...

    jQuery记事日历表特效

    总结来说,jQuery记事日历表特效是利用jQuery库实现的一种交互式日历组件,它提供事件管理功能,适用于各种需要日期和时间规划的Web应用。通过熟练掌握相关技术和工具,开发者可以创建出符合用户需求、具有良好用户...

    jquery每日签到日历插件`

    总结,jQuery每日签到日历插件是结合了前端开发技术与用户体验设计的产物,它利用jQuery的便利性和灵活性,实现了用户友好的签到功能,同时提供了丰富的自定义选项以适应不同的项目需求。通过学习和掌握这些知识点,...

    jquery实现周历记事本

    本项目"jQuery实现周历记事本"就是这样一个示例,旨在为用户提供一个便捷的日程管理工具。下面将详细阐述其主要实现原理、功能特性和技术栈。 首先,jQuery库的强大之处在于其简洁的API,使得DOM操作、事件处理和...

    jQuery鼠标滑过日历日期显示备注信息代码.zip

    HTML文件中,日历的每一天可能是一个带有`data-date`属性的元素,用于存储日期信息,而注释区域可能是一个隐藏的`div`,如`#tooltip`,通过jQuery的`show`方法使其可见。 为了实现这一效果,开发者还可能使用CSS来...

    JQuery日历控件 .

    JQuery日历控件通常是基于JQuery UI库的一个插件。JQuery UI是JQuery的扩展,提供了许多可自定义的用户界面元素,包括拖放功能、对话框、滑块、进度条等,而日历控件就是其中之一。通过引入JQuery UI库,我们可以...

    jquery 日历插件源码

    总结来说,jQuery日历插件Calendar是一个功能强大且易于定制的工具,通过`calender.css`、`index.html`和`calender.js`这三个文件,我们可以了解其工作原理,并根据项目需求进行个性化改造。无论你是初学者还是经验...

    jQuery输入框弹出日历时间插件.zip

    本文将深入探讨一个基于jQuery的输入框弹出日历时间插件,帮助开发者提升用户体验。 首先,我们要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。...

    jQuery手机选择日期日历插件.zip

    "jQuery手机选择日期日历插件.zip" 提供了一个高效的解决方案,它是一个专为手机端设计的jQuery日历插件,利用calendar.js库实现响应式布局,使用户能够方便地选择年、月、日和星期。这个插件简化了开发人员的工作,...

    简洁的jQuery日历代码.zip

    总结起来,这个"简洁的jQuery日历代码"是一个结合了HTML结构、CSS样式和jQuery动态功能的实用工具。它展示了如何利用jQuery简化前端开发,创建出用户友好的交互体验。对于初学者来说,理解并能复用这个日历代码,是...

    jQuery手机移动端日历日期选择.zip

    总结来说,"jQuery手机移动端日历日期选择"是一个高效、灵活的日期选择解决方案,它利用jQuery和iScroll为移动设备提供了流畅的日历滚动和精确的时间选择。这个组件的易用性和可定制性使其成为移动应用开发中的一个...

Global site tag (gtag.js) - Google Analytics