Question

我使用datepicker只将月份和年份作为下拉列表进行选择。

当我在CSS下方使用以禁用日期选择器的日期时，它会禁用我的JSP中的其他日期选择器。

1.如何让这个css内联到一个所需的日期选择器。

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

2.once禁用后我使用onselect选择不起作用的月份和年份，但如果我在日历中选择完整日历的日期，则可以正常工作。

$(document).ready(function() {

   $('#txtDate').datepicker({
     changeMonth: true,
     changeYear: true,
     dateFormat: 'M yy',
     yearRange: "-2:+0",
     defaultDate: '-1m',

     onSelect: function() {
        var iMonth = $("#ui-datepicker-div .ui-datepicker-month :selected").text();
        var iYear = $("#ui-datepicker-div .ui-datepicker-year :selected").val();


        callmymethod();
        }
        });
         });

请帮我解决这两个问题。谢谢

Answer 1

我已经找到了完全符合我目的的解决方案

jsfiddler

<input type="text" data-calendar="false" />
<input type="text" data-calendar="false" />
<input type="text" data-calendar="true" />

的jQuery

$('input').datepicker({
    beforeShow: function(el, dp) {
        $('#ui-datepicker-div').toggleClass('hide-calendar',   $(el).is('[data-calendar="false"]'));
    }
});

CSS

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

仅在下拉列表中的月份和年份，jQuery无法处理选择

1 个答案: