【问题标题】:Any good lightweight date/time picker for web with good UI?任何具有良好 UI 的轻量级 Web 日期/时间选择器?
【发布时间】:2009-05-18 20:52:53
【问题描述】:

几个愿望:

  • 如果它是基于 jQuery 的,最好。
  • 如果它专注于简单的 UI 而不是吸引眼球, 更好。
  • 如果它同时是日期和时间选择器, 不错。

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

问题不在于官方的 jQuery-UI 项目中没有包含一个日期+时间选择器,所以有些是针对旧版本的 jQuery,有些是丑陋的 UI 选择,而一个有一些好的 UI 似乎有问题。

【问题讨论】:

    标签: jquery datetime jquery-ui


    【解决方案1】:

    我发现 Trent Richardson 的日期/时间选择器很不错。它有很多选择,而且似乎运作良好。

    可在此处获取:http://trentrichardson.com/examples/timepicker/

    它基于 jQuery UI

    【讨论】:

      【解决方案2】:

      日期选择器:

      jQuery UI Datepicker

      时间选择器:

      timepickr plugin

      奖励积分,都使用jQuery UI Themeroller

      【讨论】:

      • 日期选择器很棒。但是我可以建议您只使用简单的下拉菜单来选择时间吗? Timepickr 的界面(恕我直言)非常不友好且不直观。
      • 我同意,对于使用三个选择列表可能最好表示的内容来说,timepickr 太过分了:[HH][MM][AM|PM] 或只是 [HH][MM]。
      • 我看不到时间选择器链接(超时),但我稍后会回来查看。是的,我的最后一个选项是两个基于选择的时间选择器;)
      【解决方案3】:

      我最喜欢的两个干净的 UI:

      DatePair

      Jon Thornton

      看看Jon Thornton 的最新作品DatePair,它的灵感来自 Google 日历的简洁 UI。根据我的发现,它是迄今为止最简洁的设计且最易于使用。

      日期

      Pickadate.js

      Amsul

      Amsul 的 Pickadate.js 超级干净且响应迅速,因此它在移动设备上也能很好地工作,在小屏幕上消耗全屏。

      日期

      【讨论】:

        【解决方案4】:

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

        【讨论】:

        • 我打算试试这个,但是许可证是 CC by-nc-sa,所以很遗憾我不能使用它(在商业产品上工作)
        【解决方案5】:
        【解决方案6】:

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

        【讨论】:

          【解决方案7】:

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

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

          【讨论】:

            【解决方案8】:

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

            Calentim Date Time Picker Plugin

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

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2011-02-01
              • 1970-01-01
              • 2011-09-14
              • 2011-06-02
              • 2015-08-04
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多