javascript - 具有不同设置的多个 jQuery UI 日期选择器

Question

我试图使用 jQuery UI 在一页上显示多个具有不同设置的日期选择器.

//Datepicker
$("input.date-picker").datepicker({ 
});

// Additional settings
$("input.date-picker.multi-calendars").datepicker({
   numberOfMonths: 3
});

“//其他设置”会被忽略，并且仅应用“//日期选择器”，尽管将日期选择器设置为在具有 .multi-calendars 类时显示 3 个月。

经过几个小时的研究，我找到了一个解决方案。从 UI 库中删除类 hasDatepicker markerClassName: "hasDatepicker"

这解决了问题，但是，我的月份和年份下拉菜单不再起作用。当我单击下拉菜单选择日期或年份时，整个日期选择器就会关闭!

所以我想了一种方法来解决这个问题，但没有成功。

UI 日期选择器真的有那么有限吗？或者只是我错过了什么？

这里是实时预览:http://loai.directory/test/test - 它的两个输入都带有“日期选择器”标签。

Answer 1

您必须首先使用第二个选择器。

DatePicker 不允许您在同一元素上应用两次，因此您必须先放置特定的日期选择器选择器，然后再放置在其他 dp 元素上应用日期选择器的更通用的选择器:

// Additional settings
$("input.date-picker.multi-calendars").datepicker({
   numberOfMonths: 3
});

//Datepicker
$("input.date-picker").datepicker({ 
});