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

js 日期控件 多种样式

阅读更多
在进行开发的过程中,经常需要输入时间,特别是在进行查询、统计的时候,时间限定更为重要。

      尽管ASP.NET也集成了日历控件,但是其集成的代码量很大,你可以做一个测试,当你在页面使用一个日历控件时,在发布之后查看该页面的源代码,你会惊奇发现,日历控件的代码量很庞大,这就大大增加的带宽的开销,每当一个客户端请求这个页面,服务器都要将如此庞大的代码进行发送,使得服务器负担加重。而且,ASP.NET集成的日历控件用起来不是很方便,其效果并非我们所想要。所以,大部分人还是选择了JS日历控件,也有很多人从事这方面的研究。在这里将我收藏的几种JS日历控件推荐给大家,附有JS源代码,希望给你带来一丝帮助。

  如果觉得有用,就顶一下哦。呵呵

<1>清新版   源代码 ,效果图:

     

<2>海洋版 源代码,效果图:

      

<3>专业版  源代码,效果图         



<4>简洁版 源代码,效果图:

     无按钮:

                           

     有按钮:

    

<5>含蓄版 源代码,效果图:

      



<6>古典版 源代码,效果图:

     




--------------------------------------------------------------------------------



整个实例:以上源代码是单个的JS源代码,如果还是不知道怎么用,我将这六个版本做成了一个小的Web,下载之后直接运行就能看到效果,大家可以参考下。

      源代码下载    

另外还有一个国外设计的,相当漂亮。压缩包



原文件地址:http://www.cnblogs.com/yank/archive/2008/08/14/1267746.html

分享到:
评论

相关推荐

    Js日期控件 多种浏览器下均可使用

    JavaScript日期控件是一种在网页上实现用户交互式日期选择功能的工具,尤其在网页表单中,用于输入日期数据时非常实用。标题提到的“Js日期控件 多种浏览器下均可使用”,意味着这个控件是跨浏览器兼容的,能够在...

    js日期控件支持多种浏览器

    JavaScript日期控件是一种在网页上实现用户交互式日期选择功能的工具,它可以在多种浏览器环境下运行,包括但不限于Chrome、Firefox、Safari、Edge以及Internet Explorer等。这些控件通常用于表单填充、日历功能或者...

    JS 日期控件 可自定义日期格式及选择方式

    综上所述,JS日期控件是网页开发中的重要工具,通过其丰富的功能和高度可定制性,能够满足多种日期选择需求。开发者可以根据项目需求,灵活选择和配置合适的日期控件,提升用户体验的同时,也简化了开发工作。

    js手机端日期控件

    本文将深入探讨“js手机端日期控件”,这是一个专为移动端设计的JavaScript日期选择器,具备良好的兼容性和易用性。 首先,我们要理解JavaScript(简称JS)在前端开发中的作用。JS是一种轻量级的脚本语言,主要用于...

    JS日期控件集合(内含附图,共有6款)

    JS日期控件通过JavaScript代码实现与用户的交互,可以验证用户输入的日期格式,提供日期范围限制等功能。 2. **自定义日期格式** 不同的日期控件可能支持不同的日期格式,如"YYYY-MM-DD"、"MM/DD/YYYY"或"DD.MM....

    好用的js日历控件 多种样式

    本篇文章将深入探讨“好用的js日历控件”及其多种样式。 首先,我们了解下日历控件的基本原理。日历控件通常由HTML结构、CSS样式和JavaScript逻辑组成。HTML定义了日历的基本布局,CSS负责美化和定制样式,而...

    兼容多种IE的javascript日期控件

    "兼容多种IE的javascript日期控件"这个主题就是针对这个问题的一个解决方案。它是一个经过改造的calendar日期控件,旨在确保在不同版本的Internet Explorer(如IE6、IE8、IE9)中能够正常运行,尽管在Google浏览器中...

    js日期控件

    本文将深入探讨JavaScript日期控件,尤其是“js日期控件”,并分析其优势以及如何在项目中应用。 JavaScript是一种轻量级的解释型编程语言,常用于网页的动态交互。在ASP.NET中,服务器端控件虽然功能强大,但每次...

    兼容性很强大的js日期控件

    Js日期控件是JavaScript编程中用于处理日期和时间交互的库或插件。它们提供了一种图形化的用户界面,让用户可以方便地在网页上选择日期,而无需直接输入日期格式。这些控件通常包括日历视图、时间选择器等功能,且...

    js日期控件,完美支持IE8,支持多种浏览器

    JavaScript日期控件是网页开发中常见的一种组件,用于在用户界面中输入或选择日期。在本文中,我们将深入探讨一个名为"My97 DatePicker"的JS日期控件,它以其对IE8的完美支持以及对其他多种浏览器的良好兼容性而备受...

    JS 很实用的选择日期控件

    JS日期控件的设计和实现主要基于JavaScript和HTML5,有时也会结合CSS3来增强样式和交互效果。这类控件的开发可以自定义,但也有许多现成的库和框架可供选择,例如这里提到的可能是一个名为“calendar”的JS日期选择...

    javascript 日期控件带时间

    本篇文章将详细探讨如何创建一个带有时间选择功能的JavaScript日期控件。 首先,`Date`对象是JavaScript中的核心对象之一,用于处理日期和时间。它提供了多种方法来创建、操作和格式化日期,例如`new Date()`用于...

    好看日期控件js文件

    "好看日期控件js文件"标题所指的,是一种专为提高用户体验设计的JavaScript日期选择组件。在网页中,这种控件通常以日历形式呈现,用户可以通过点击或滑动来选取日期。 JavaScript是一种广泛用于网页动态交互的编程...

    兼容多浏览器的JS日期控件

    总结,创建一个兼容多浏览器的JS日期控件是一项涉及到前端核心技术的任务,包括JavaScript、CSS和HTML,以及对浏览器差异的理解和处理。通过合理的设计和编码,我们可以实现一个既美观又实用,且能在各种环境下稳定...

    超好用的JS日期控件 有示例链接

    "超好用的JS日期控件"是专为前端开发者设计的一个高效且兼容性良好的工具,允许用户在网页上方便地选择日期。这款控件支持多种主流浏览器,包括Internet Explorer 6.0及更高版本、Firefox 2.0及更高版本、Chrome、...

    漂亮JavaScript弹出选择日期控件

    "date.js"文件很可能是这个日期控件的JavaScript实现。JavaScript代码可以用来监听用户交互,如点击事件,然后弹出一个自定义的日期选择器。这个选择器通常会以日历的形式显示,允许用户通过点击或滑动选择特定日期...

    JavaScript经典日期控件

    JavaScript经典日期控件,如标题所述,是一种基于JavaScript编写的用于网页交互的日期选择组件,它使得用户在网页上能够方便地选取日期。这个控件的版本为My97DatePicker3.0.1,通常这类控件会提供丰富的功能和良好...

    三款JS日期控件 三款JS日期控件

    这里我们关注的是三款基于JavaScript实现的日期控件:日历控件1、日历控件2和日历控件3。这些控件可以极大地提升用户体验,简化用户在网页上输入日期的流程。 1. **JavaScript与日期处理** JavaScript是一种广泛...

    JS 日期控件

    "JS 日期控件"特指一个轻量级、简单的日期选择插件,适用于WEB开发,旨在提升用户体验和增强网页的交互性。在本文中,我们将深入探讨这种插件的原理、使用方法以及它在实际开发中的应用。 日期控件的核心功能是提供...

Global site tag (gtag.js) - Google Analytics