jQuery 任何具有良好 UI 的轻量级 Web 日期/时间选择器？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/879783/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Any good lightweight date/time picker for web with good UI?
提问by nexneo
A few wishes:
几个愿望：
- If it is jQuery based, best.
- If it focuses on easy UI rather than eye candy, better.
- If it is both a date and time picker, good.
- 如果它是基于 jQuery 的，最好。
- 如果它专注于简单的用户界面而不是吸引眼球，那就更好了。
- 如果它同时是日期和时间选择器，那很好。
I should mention that I've already looked at most options available that I can find using Google.
我应该提到的是，我已经查看了使用 Google 可以找到的大多数可用选项。
The problem is not that there's not a single date+time picker included in the official jQuery-UI project so some are for older versions of jQuery, some have ugly UI choices, and one which has a somewhat good UI seems buggy.
问题不在于官方 jQuery-UI 项目中没有包含单个日期+时间选择器，所以有些适用于较旧版本的 jQuery，有些有丑陋的 UI 选择，而有一些不错的 UI 的选择器似乎有问题。
采纳答案by Jake McGraw
Datepicker:
日期选择器：
Timepicker:
时间选择器：
Bonus points, both use the jQuery UI Themeroller.
加分项，两者都使用jQuery UI Themeroller。
回答by Johnus
I've found Trent Richardson's date/time picker to be good. It has a heap of options and seems to work well.
我发现 Trent Richardson 的日期/时间选择器很好。它有很多选择，而且似乎运行良好。
Available here: http://trentrichardson.com/examples/timepicker/
可在此处获得：http: //trentrichardson.com/examples/timepicker/
It's based on jQuery UI
它基于 jQuery UI
回答by Joshua Pinter
My Two Favourite for Clean UI:
我最喜欢干净的用户界面的两个：
DatePair
日期对
by Jon Thornton
Take a look at Jon Thornton's latest work, DatePair, which is inspired by Google Calendar's clean UI. From what I've found it's by far the cleanest design and easiest to use.
看看Jon Thornton的最新作品DatePair，它的灵感来自于 Google Calendar 简洁的 UI。从我发现它是迄今为止最干净的设计和最容易使用。
Dates
日期
Times
时代
Pickadate.js
Pickadate.js
by Amsul
通过Amsul
Amsul's Pickadate.jsis super clean and responsive, so it works really well on mobile devices as well, consuming the full screen on small screens.
Amsul 的Pickadate.js非常干净且响应迅速，因此它在移动设备上也能很好地工作，在小屏幕上使用全屏。
Dates
日期
Times
时代
回答by Andrew M. Andrews III
The Any+Time(TM)widget combines a date/time picker for a single input field with a wide variety of formats. It now uses jQuery and supports jQuery UI Themes and CSS customization for complete visual integration into any website. And if you encounter any bugs, just report them and expect a resolution in a matter of hours!
的任何+时间（TM）插件结合了单个输入字段的日期/时间选择器具有多种格式。它现在使用 jQuery 并支持 jQuery UI 主题和 CSS 自定义，以实现与任何网站的完全视觉集成。如果您遇到任何错误，只需报告它们并期望在几个小时内得到解决！
回答by TStamper
There is a plugin that has both, but its fully based on jquery UI/Datepickerthat lets the user select time HH:MM Works with jquery-1.2.3. jQuery DateTimepicker
有一个插件兼具两者，但它完全基于 jquery UI/Datepicker，允许用户选择时间 HH:MM 与 jquery-1.2.3 一起使用。 jQuery 日期时间选择器
回答by Vini
Check this http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements#8
I also stumbled upon the following:
http://code.google.com/p/dyndatetime/
http://www.kelvinluck.com/assets/jquery/datePicker/
检查这个http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements#8
我还偶然发现了以下内容：
http://code. google.com/p/dyndatetime/
http://www.kelvinluck.com/assets/jquery/datePicker/
回答by Taha Paksu
It's an old post, but for future reference, I wanted to put this here:
这是一个旧帖子，但为了将来参考，我想把它放在这里：
Calentim Date Time Picker Plugin
- It's jQuery based, simple to modify
- UI based on SCSS file, dropdown or inline support for desktop, modal like support for mobile
- It's a date and time range picker, but you can disable the range feature, the time feature, so it can be used as a date range picker, or single date picker, or single date time picker etc.
- 它基于 jQuery，易于修改
- 基于 SCSS 文件的 UI，对桌面的下拉或内联支持，对移动设备的支持等模态
- 这是一个日期和时间范围选择器，但您可以禁用范围功能、时间功能，因此它可以用作日期范围选择器、单个日期选择器或单个日期时间选择器等。
回答by Ryan Charmley
For my needs, this example is a great option. It combines the jQuery datepicker with an easy-to-use time selector.
对于我的需要，这个例子是一个很好的选择。它结合了 jQuery 日期选择器和一个易于使用的时间选择器。
