jQuery 日期选择器和日期时间选择器答案

【问题标题】：jQuery DatePicker & DateTimePickerjQuery 日期选择器和日期时间选择器
【发布时间】：2012-09-11 16:49:21
【问题描述】：

我在尝试使用这两个 jquery 插件时遇到了一个小问题。希望有人能帮我解决这个问题。

我使用的第一个插件 (DatePicker) 是 jqueryui 附带的默认插件。第二个插件（DateTimePicker）是来自http://trentrichardson.com/examples/timepicker/的DateTimePicker

我想要实现的是有一个用户定义的日期范围，就像 jqueryui 中提供的示例一样，有两个文本框（指定开始日期和结束日期）http://jqueryui.com/demos/datepicker/date-range.html

虽然有另一个日期时间选择器允许用户在上面指定的日期内选择一个日期时间。

但是，这里的问题是，每当我尝试添加 datetimepicker javascript 时，datepicker 将无法正常工作。它将无法按预期设置最小日期范围。

以前有没有人遇到过同样的问题？有人可以给我建议吗？我还是编程新手。提前致谢！

【问题讨论】：

如果只使用日期选择器而不使用日期时间选择器，是否也会出现该错误？
@w4rumy 好像如果我不包含 datetimepicker 脚本，datepicker 将按照我的需要正常工作。
我好像你使用的 datetimepicker 插件干扰了 jQuery UI 的 datepicker。我建议不要尝试以某种方式解决此问题，而是寻找另一个日期时间插件或让用户简单地在输入字段中输入时间。您是在寻找日期时间选择器还是仅寻找时间选择器？
@w4rumy 你有推荐的 datetimepicker 插件吗？因为我已经搜索和尝试了很长一段时间，所以这就像我设法让它“工作”的唯一插件（能够像它声称的那样出现）。我需要一个日期时间选择器，因为我只需要允许用户在他使用日期选择器选择的日期内选择日期和时间。
我在下面的回答中提出了一些建议。

【解决方案1】：

看起来你的 datetimepicker 插件干扰了 jQuery UI（虽然它应该是一个工作的 jQuery UI 插件）。可能有解决此问题的可能性，但我建议不使用或使用其他插件来选择时间（可行）。

如果您想使用日期时间选择器，您必须搜索不同的插件并找出最适合您需求的插件。我不能真正推荐插件，因为它取决于您的要求。

但是你也可以不使用 datetimepicker 插件而只使用 jQuery UI 代替吗？看看这个小提琴：http://jsfiddle.net/uyB52/7/

这个想法是使用 jQuery UI 的 datepicker 来选择日期，并使用下拉框来选择时间。您还可以让用户在输入字段and validate it 中输入时间。或者，而不是下拉框，use the jQuery UI slider。

【讨论】：

【解决方案2】：

知道了。您应该将字符串转换为日期，因为 minDate 和 maxDate 选项采用 Date 对象。

$("#from").datepicker("option", "maxDate", new Date(selected_date))

【讨论】：

日期选择器的行为仍然很奇怪。从第一个文本框中选择一个日期，然后从第二个文本框中选择第二个日期。之后，再次从第一个日期中选择另一个日期（仍低于第二个日期），第二个日期将更改。除此之外，根据 [jQuery UI datepicker 文档]，min 和 max 获得“通过 Date 对象或当前 dateFormat 中的字符串可选择的日期”，那么为什么给 String 不起作用？
感谢您的回答。 @w4rumy 所说的似乎是真的，日期选择器的行为仍然很奇怪。你能帮我解决这个问题吗？