2

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

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

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

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

这是一个示例:http: //jsfiddle.net/uyB52/1/

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

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

4

2 回答 2

1

看起来您的 datetimepicker 插件干扰了 jQuery UI(尽管它应该是一个有效的 jQuery UI 插件)。可能有解决此问题的可能性,但我建议不使用或使用其他插件来选择时间(这可行)。

如果您想使用 datetimepicker,您将不得不搜索不同的插件并找出最适合您需求的插件。我不能真正推荐插件,因为它取决于您的要求。

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

这个想法是使用 jQuery UI 的 datepicker 来选择日期,并使用下拉框来选择时间。您还可以让用户在输入字段中输入时间并对其进行验证。或者,使用 jQuery UI 滑块代替下拉框。

于 2012-09-20T09:57:09.320 回答
0

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

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

jsfiddle

于 2012-09-20T01:38:28.420 回答