Question

如何通过jquery更改datepicker外观。我不想隐藏datepicker只有ui-datepicker-calendar类。

有效：

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

但这不起作用：

      $(function() {
         $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy' });
         $(".ui-datepicker-calendar").css('display','none');
    });

Answer 1

尝试使用.datepicker("hide")。你可以在一个活动中做到这一点。在这里你是在文档加载

顺便说一句，如果您希望在事件中发生这种情况，请使用以下方式，

$(function() {
    $("#startdateMyWorkouts").datepicker({ dateFormat: 'dd-mm-yy',
        beforeShow: function(input, inst) {
           $("#datefilterMyWorkouts").change(function()) { // your select change event
              return false; // to hide the datepicker
           });
        } 
    });
});

Answer 2

我的猜测是，当你试图隐藏元素时，Datepicker插件仍在创建元素，所以没有什么可隐藏的！守则很好！

Datepicker API Doc可能有适合您的东西！：

hide()

关闭之前打开的日期选择器。

此方法不接受任何参数。

代码示例：

调用hide方法：

$( ".selector" ).datepicker( "hide" );

动态更改jquery datepicker的css

2 个答案: