任何好的轻量级日期/时间选择器适用于具有良好UI的Web?

时间:2009-05-18 20:52:54

标签: jquery datetime jquery-ui

一些愿望:

  • 如果它是基于jQuery的,那就最好。
  • 如果它专注于简单的UI而非眼睛糖果, 更好。
  • 如果它既是日期和时间选择器, 好。

我应该提一下,我已经查看了大多数可以使用Google找到的选项。

问题不在于官方jQuery-UI项目中没有包含单个日期+时间选择器,因此有些是旧版本的jQuery,有些是丑陋的UI选择,而且有一些有点好的UI似乎有些错误。

8 个答案:

答案 0 :(得分:15)

我发现Trent Richardson的日期/时间选择器很好。它有一堆选项,似乎运作良好。

此处可用:http://trentrichardson.com/examples/timepicker/

它基于jQuery UI

答案 1 :(得分:8)

日期选择器:

jQuery UI Datepicker

Timepicker:

timepickr plugin

奖励积分,均使用jQuery UI Themeroller

答案 2 :(得分:4)

我的两个最喜欢的清洁UI:

DatePair

Jon Thornton

查看Jon Thornton的最新作品DatePair,其灵感来自Google日历的干净用户界面。从我发现它到目前为止最干净的设计和最容易使用。

日期

Date Selection

时报

Time Selection

Pickadate.js

Amsul

Amsul的Pickadate.js非常干净且反应灵敏,所以它在移动设备上运行得非常好,在小屏幕上全屏占用。

日期

Date Selection

时报

Time Selection

答案 3 :(得分:3)

Any+Time(TM)窗口小部件将单个输入字段的日期/时间选择器与各种格式组合在一起。它现在使用jQuery并支持jQuery UI主题和CSS自定义,可以完全可视地集成到任何网站中。如果您遇到任何错误,只需报告它们并期望在几小时内得到解决方案!

答案 4 :(得分:1)

有一个插件同时具有这两个插件,但它完全基于jquery UI/Datepicker,允许用户选择时间HH:MM 适用于jquery-1.2.3。 jQuery DateTimepicker

答案 5 :(得分:1)

答案 6 :(得分:0)

根据我的需要,这个例子是一个很好的选择。它将jQuery日期选择器与易于使用的时间选择器结合在一起。

http://puna.net.nz/timepicker.htm#

答案 7 :(得分:0)

这是一篇旧帖子,但为了将来参考,我想把它放在这里:

Calentim Date Time Picker Plugin

  • 它基于jQuery,易于修改
  • 基于SCSS文件的UI,对桌面的下拉或内联支持,类似移动支持的模式
  • 这是一个日期和时间范围选择器,但您可以禁用范围功能,时间功能,因此它可以用作日期范围选择器,单日期选择器或单日期时间选择器等。