`
fogtower
  • 浏览: 58803 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

自己开发的js日历

阅读更多


JSCalendar是我开发的基于Javascript的日历控件,它不依赖于任何JS框架,功能还是蛮强大的说。


特点

  • 支持多浏览器 IE6+, Firefox, Chrome, Safari 4.
  • 支持内嵌和弹出两种表现模式
  • 支持滑动窗口,你可以自己定义显示的文字和图片。
  • 支持多语言,你可以添加自己的语言包。
  • 支持多皮肤,你可以很简单的添加自己的皮肤。
  • 支持选择多天(内嵌模式有效)
  • 支持键盘事件
  • 丰富而完整的文档(JSDoc生成)


键盘事件


如果你要选择多个日期,请点击开始日期,然后按住SHIFT,点击结束日期。

焦点必须在JSCalendar上时,可以进行键盘操作:

  • Arrows: 选择日期
  • SPACE: 选择今天
  • CTRL + UP/DOWN: 选择年
  • CTRL + LEFT/RIGHT: 选择月
  • ENTER(弹出模式): 输出且关闭
  • ESC(弹出模式):关闭






 


 

 

Demo

 

 

 

 

 

分享到:
评论
6 楼 fogtower 2010-01-22  
cuixiping 写道
试了一下,没有说的这么好。
最起码,在窗口右边缘弹出日历的话,没有智能的向左边弹出,在下边缘的话也应该向上弹出,省的还要拉滚动条。

这个Draft版的时候实现了,后来去掉了,个人觉得统一位置弹出比较好,其实楼上说的也对,自适应位置用户体验是比固定位置来的好,以后有机会加上。
5 楼 cuixiping 2010-01-22  
试了一下,没有说的这么好。
最起码,在窗口右边缘弹出日历的话,没有智能的向左边弹出,在下边缘的话也应该向上弹出,省的还要拉滚动条。
4 楼 kjj 2010-01-22  
上次被隐藏了,这次又开始了
3 楼 風一樣的男子 2010-01-22  
又发一次?还不是开源的
2 楼 寄生虫 2010-01-21  
怎么又发了一遍这个主题?
上次不是有人说过你了嘛?
既然不是开源的,就不要希望别人给你捐赠。
1 楼 keer2345 2010-01-21  
javascript真是一个永恒的话题呀,总是作为JS的经典课题,呵呵

相关推荐

    js 日历 js日历 例子 javascript日历

    在Web开发中,JavaScript日历组件的实现主要依赖于JavaScript语言和CSS来完成页面布局和样式设计。本篇将详细介绍如何创建一个简单的JavaScript日历以及涉及的相关知识点。 首先,我们要理解JavaScript的基础知识。...

    js酒店价格日历_js门票价格日历_javascript价格日历

    此程序是javascript和php开发,提供酒店、门票订购的价格日历和点击日历订购产品功能。详细请参考驴妈妈 酒店和门票的价格日历。 index.html 入口文件 data.php 包含一个价格日历生成类和 一些实例 product.php ajax...

    js日历 12种js日历

    在这个主题中,我们主要关注的是“js日历 12种js日历”,这显然是一份包含了多种不同实现方式的JavaScript日历组件集合。 1. **日历组件的基本概念** 日历组件是网页中常见的交互元素,它允许用户选择日期,通常...

    html js脚本日历控件

    7. **兼容性**:考虑到浏览器的多样性,编写JavaScript日历控件时需要关注跨浏览器的兼容性问题,确保在不同的浏览器(如Chrome、Firefox、Safari、Edge和IE)上都能正常工作。 在提供的文件名中,"calendar.html"...

    三款js日历(javascript 日历)

    本文将详细介绍三款JavaScript日历插件,它们各具特色,能够为你的网页增添别致的用户体验。 第一款日历插件可能是“32008731155337.rar”中的内容。虽然具体名称未知,但我们可以假设它是一款简洁且功能丰富的日历...

    JS 日历控件适用ASP.NET开发的JS版本日历

    在ASP.NET开发中,JavaScript(JS)日历控件是一种常用的增强用户交互性的工具,它允许用户通过图形界面选择日期,而无需手动输入。"My97DatePicker"是一款专为ASP.NET设计的高性能、易用的JS日历控件,它提供了一种...

    6个JS日历控件个JS日历控件

    JavaScript(JS)日历控件是网页开发中常用的一种组件,用于展示日期选择功能,通常在表单中作为输入辅助工具出现。它们可以提供用户友好的界面,方便用户选择日期,而无需手动输入。以下是对JS日历控件的一些详细...

    JavaScript日历控件 六种日历

    JavaScript日历控件是网页开发中常用的一种交互元素,它能帮助用户方便地选择日期,常见于表单输入、事件安排或时间相关的功能。在给定的资源中,包含了六种不同样式的JavaScript日历,这些日历可能具有不同的设计...

    日文版javascript日历

    【标题】"日文版javascript日历"是一个专门针对日语环境设计...通过阅读和理解"calendar.js"中的代码,开发者不仅可以直接使用这个控件,还能学习到如何用JavaScript构建类似的交互式UI组件,提升自己的前端开发技能。

    JS 日历组件(功能很强) javascript 日历控件 日历选择空间 日期选择 强烈推荐

    JavaScript日历组件是Web开发中常见的一种交互元素,主要用于用户在网页上进行日期选择操作。在前端开发领域,尤其在构建交互式用户界面时,一个功能强大的日历组件显得尤为重要。"My97DatePicker"是一个知名的...

    纯JS日历表格

    本项目“纯JS日历表格”旨在提供一个完全使用JavaScript实现的日历视图,允许开发者轻松集成到自己的应用中,进行定制化开发。 日历功能在许多网站和应用程序中都是必不可少的,例如事件管理、预约系统或时间跟踪...

    js日历控件大全 动态网页开发必备 含漂亮的样式

    JavaScript日历控件是网页开发中的重要组成部分,尤其在处理日期选择、事件安排或时间相关的交互时,它们显得尤为重要。本资源集包含了多种JavaScript实现的日历控件,旨在帮助开发者轻松实现动态网页的日期选择功能...

    自己写了个JS日历

    标题中的“自己写了个JS日历”表明这是一个关于JavaScript实现的日历组件的项目。JavaScript是一种广泛用于网页和网络应用的编程语言,尤其适用于处理客户端的交互。在这个项目中,作者可能利用JavaScript的DOM操作...

    javascript万年日历js

    总的来说,JavaScript万年日历JS是前端开发中的一个实用案例,展示了如何结合JavaScript、HTML和CSS实现一个功能齐全、可自定义的本地化日历组件。通过学习和实践这类组件的实现,开发者可以深入理解前端技术栈,并...

    js日历大全(收积几种JS日历)

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛用于网页和网络应用开发,尤其是在客户端脚本处理上。JS日历控件是前端开发中常见的一种组件,主要用于显示日期选择器,用户可以通过它方便地选取日期。本文...

    js日历控件自主选择颜色

    【标题】"js日历控件自主选择颜色" 涉及的核心技术是JavaScript日历插件的开发,尤其强调用户可以根据个人喜好自定义颜色。这样的控件在网页设计中非常常见,主要用于处理与日期相关的交互,如日期选择、预约系统、...

    一个JS的日历控件,可以用在Web开发中

    JavaScript(JS)日历控件是Web开发中的一个重要组件,它允许用户在网页上方便地选择日期,常用于表单填写、事件安排或时间预订等场景。本控件以其轻量级、易于集成和高度可定制的特点,深受开发者喜爱。 在Web开发...

    js日历控件大全多种样式

    JavaScript日历控件是网页开发中的重要组成部分,尤其在处理日期选择、事件安排或时间管理功能时。在HTML、PHP和JavaScript代码中,日历控件可以为用户提供直观且易于操作的界面。本资源包“js日历控件大全”包含...

    简单强大的js日历控件

    在“简单强大的js日历控件”中,我们可以假设这个控件具备以下关键功能: 1. **用户友好**:控件应具有直观的界面,使得用户能够轻松理解如何进行操作,例如通过点击日期单元格来选择日期。 2. **响应式设计**:...

    JS.rar_javascript 日历_js_日历 java

    在本示例中,"JS.rar_javascript 日历_js_日历 java" 提供了一个关于JavaScript日历功能的实现,这通常用于网页中的日期选择器,让用户能够方便地选取日期。 日历组件是Web开发中常见的交互元素,特别是在表单中...

Global site tag (gtag.js) - Google Analytics