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

Question

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

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

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

“//其他设置”只是被忽略，只有“//Datepicker”被应用，尽管将日期选择器设置为显示 3 个月，但它有 class .multi-calendars。

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

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

所以我研究了解决此问题的方法，但无济于事。

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

这是一个实时预览：http://loai.directory/test/test - 它的两个输入都有标签 "Date picker"。

Answer 1

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

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

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

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

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

Mulit jQuery UI Datepickers with different settings

javascript

jquery

jquery-ui

datepicker