Javascript jQuery日期/时间选择器

我一直在寻找一个可以同时处理日期和时间的jQuery插件。核心UI

DatePicker

很棒，但不幸的是我也需要花时间

我已经找到了一些适合DatePicker与《时代》合作的方法，但是它们看起来都很不雅观，Google也没有找到任何好的方法

---

有没有一个好的jQuery插件可以在一个界面可用的UI控件中选择日期和时间？

我也遇到了同样的问题。实际上，我是使用服务器端编程开发的，但我做了一个快速搜索，试图帮助您找到这个

看起来不错，没有过多地查看源代码，但似乎是纯JavaScript

看看：

以下是演示页面链接：

---

祝你好运

我对日期选择器的最佳体验是基于原型的。我知道这不是jQuery，但它可能仍然值得您做出妥协。我完全不知道原型，而且它仍然很容易使用

---

我发现了一个警告：它在某些浏览器上是不向前兼容的。也就是说，它不适用于Chrome上较新版本的prototype。

我最近才对此进行了研究，还没有找到一个合适的日期选择器，它还包括一个合适的时间选择器。我最终使用的是，有两个简单的时间下拉列表。不过，我很想使用，看起来这是一种非常好的方法。

@David，谢谢你的推荐@fluid_chelsea，我刚刚发布了Any+Time（TM）3.x版，它使用jQuery而不是Prototype，并且有一个改进了很多的界面，因此我希望它现在能够满足您的需求：

---

任何问题，请通过我网站上的评论链接让我知道

为了添加到这里的信息，Fluid项目有一个很好的维基文章，概述了大量的日期和/或时间选择器。

我们很难找到一个按照我们希望的方式工作的，所以我写了一个。我维护源代码，修复出现的bug，并提供免费支持

---

到目前为止，最好、最简单的日期时间选择器选项是

---

它是jQuery UI Datepicker的一个扩展，因此它将支持相同的主题。它的工作方式非常相似，语法类似，等等。这应该与jQuery UI imo打包在一起。

我制作了一个如下函数：

function getTime()
{
    var date_obj = new Date();
    var date_obj_hours = date_obj.getHours();
    var date_obj_mins = date_obj.getMinutes();
    var date_obj_second = date_obj.getSeconds();

    var date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+":"+date_obj_second+"'";
    return date_obj_time;
}

$("#selector").datepicker( "option", "dateFormat", "yy-mm-dd "+getTime()+"" );

然后我使用jQuery UI日期选择器，如下所示：

function getTime()
{
    var date_obj = new Date();
    var date_obj_hours = date_obj.getHours();
    var date_obj_mins = date_obj.getMinutes();
    var date_obj_second = date_obj.getSeconds();

    var date_obj_time = "'"+date_obj_hours+":"+date_obj_mins+":"+date_obj_second+"'";
    return date_obj_time;
}

$("#selector").datepicker( "option", "dateFormat", "yy-mm-dd "+getTime()+"" );

---

因此，我得到如下值：2010-10-31 12:41:57

不是jQuery，但它适用于带有时间的日历：

我刚刚绑定了click事件以将其弹出：

$(".arrival-date").click(function() {
    NewCssCal($(this).attr('id'), 'mmddyyyy', 'dropdown', true, 12);
});

---

在我看来，日期和时间应该作为两个独立的输入框来处理，以便用户能够最有效地输入。让用户一次输入一件东西是一个好原则，imho

我使用核心，和下面的时间选择器

这一款的灵感来源于Google Calendar使用的一款：

jQuery时间选择器：
示例：
github上的项目：

我发现它是所有备选方案中最好的。用户可以快速输入，它看起来很干净，很简单，并允许用户输入特定的时间到分钟

附言：

---

在我看来：滑块（由一些可选的时间选择器使用）点击次数过多，需要用户提供鼠标精度（这会降低输入速度）。

这是我用来让用户选择的一些代码 datetimepicker，设置datetime，并使 另一个datetimepicker将该时间增加一分钟

我需要这个来定制药物控制

不管怎样，我想这可能会帮助别人，因为我可以 在网上找不到答案

（至少不是一个完整的答案）

记住，增加60000，增加一分钟。 （60*1000毫秒）

---

看看下面的JavaScript插件

我已经尽可能地简化了。但它仍处于早期。

---

让我知道反馈，以便我可以改进。

我非常确定我的示例不那么令人困惑，而且更加用户友好。两者都有优点和缺点。如果我可以使用prototype，这不会是一个问题，不幸的是，我们一直在使用这个应用程序的jQuery。只是一个更新-AnyTime 3现在可以使用jQuery。我已经好几个月没有考虑过这一点了。但我的个人项目需要一些更新，我正准备加入一些jquery。我想我应该在使用datepicker时替换它，因为我不需要任何+时间的所有功能，我想我还是使用所有jQuery为好。砰！我遇到了这个。非常棒的时机。很好，虽然年份选择器（点击<或>）对我来说很麻烦。任何+时间（TM）版本4.x现在都可以使用了！新版本支持时区（在任何其他选择器中都可以找到！）以及jQuery选择器/链接、易于删除（避免内存泄漏！）和许多其他改进。请骑它一程，如果你有任何问题或建议，请通过我网站上的评论页面告诉我。任何时间看起来都很顺利。我喜欢它。只要在Rails应用程序上几分钟内随时实现即可。非常好用。我只是选择了AnyTime选择器作为JSF应用程序的选择器！谢谢你的好产品，继续努力！Any+Time为每个Any+Time输入的UI追加一个新的隐藏div（不像jQUery UI datepicker重用隐藏的div UI），这使得设计糟糕的MSIE6的性能下降很多。因此，如果您需要支持MSIE6，请不要使用任何+时间！我一直在用这个，我喜欢它。我喜欢这个，但它还是很轻便。“很轻便”？几乎没有。我在生产代码中使用它，现在已经有一段时间了。它也在积极开发中。@Sonny:你是否在生产中使用它与它是否有童车没有关系。你可能只是没有看到它的bug，因为你没有用它做暴露它们的事情，也许阿拉斯泰尔就是这样。另一方面，他没有为他的说法提供任何证据，所以我不想把它看得太严重……这个插件最大的问题是UI