多个jQuery UI日期选择器具有不同的样式

Question

我的页面上有两个jQuery日期选择器:

• 一个普通的
• 一个"特殊"的,只能选择年/月.

特殊的一个使用一些自定义CSS(从这里)隐藏日历部分,所以只显示月/年.

.ui-datepicker-calendar {
    display : none ;
}

但是,由于页面上只有一个对话框实例,因此两个选择器都隐藏了日历.

有没有办法只将这种风格应用于其中一个实例？我检查了文档,看看我是否可以在对话框中添加自定义类,但我找不到它.

Answer 1

您可以在 beforeShow 事件中为每个输入手动更改 css。代码如下所示：

$("#regularInput").datepicker({
                   beforeShow: function(input, inst) {
                                    $(".ui-datepicker-calendar").show();
                                }
                   });

$("#specialInput").datepicker({
                   beforeShow: function(input, inst) {
                                    $(".ui-datepicker-calendar").hide();
                                }
                   });

我还没有测试过该代码，但你应该明白要点。希望有帮助！