几个超酷日期选择脚本

日期:2008-06-01 | 作者: Allen

目前,在很多应用中都需要用户填写日期,比如生日,日程安排等。日期选择控件可以帮助用户填写日期,减少填写日期所带来的错误。

一般的日期选择控件如下图,在需要填写日期的时候,弹出一个月的日期,让用户选择选择一个日期。

接下来介绍的几款控件的功能或效果就比较丰富了。Let’s Go.

Sliding date-picker

Sliding date-picker,一把可以左右拖动的时间标尺,可以拖动橘红色的位置来选定开始和结束日期,拖动白色的尺,来查看更多可以选择的日期。基于Prototype。

Calendar Component

Calendar Component,一个支持多种语言(用的是Google translation)的日历控件。其中有一个如图的应用,这种控件的好处是你可以看到上个和下个月的日期,减少了你翻动日历的次数,每一次可以选择很多个日期。

Calendar: a Javascript class for Mootools

Calendar A Javascript class for Mootools ,mootools的一个扩展。它的功能:

  • 能自定义样式
  • 输入框和下拉框能灵活地配置
  • 多种日历导航功能
  • 限定一段时间内的日期选择
  • 多个日期显示在一个日历控件
  • 支持多种日期格式

除了功能多外,它的淡入淡出效果也很Cool。

MooMonth

MooMoth,是一个很特殊的日历控件,它默认情况下不能帮助你选择日期。它特殊的地方在于,当你点击一个日期后,这个日期的格子会放大,再点击,再放大。除了这个特殊的功能外,它的日历导航效果很Cool。

Datejs

Datejs 是一个简单、特别的日期选择控件。用户在文本框中输入诸如,“today”,”+5years”等关键词后,Datejs会提供一个和用户输入匹配的日期。

Calendar Slide

Calendar Slide,类似于Google Analytics中的日期选择控件。它可以帮助你选择开始日期和结束日期,并且同时显示多个月。当你选择了一个开始日期后,开始日期之前的日期你就不能在选择了(变灰)。

也许你还会喜欢

3 Responses to “几个超酷日期选择脚本”

  1. 1 sctronlinux 六月 2nd, 2008 at 8:54 上午

    你项目中最常用的日期选择Javascript脚本是哪个呢?

    回复

  2. 2 xds2000 六月 2nd, 2008 at 8:59 上午

    如果是我,我会选文中第一个。比较朴实

    回复

  3. 3 Allen 六月 2nd, 2008 at 9:38 下午

    @sctronlinux
    这个要看应用的场合,这篇文章介绍的几个都是比较酷的,不一定是最适合项目的。 :D

    回复

Leave a Reply

Additional comments powered by BackType