动态更改jquery datapicker的css

Question

如何通过jquery更改datapicker外观。我不想隐藏仅限datapicker的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文档可能有您想要的东西！：

hide()

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

此方法不接受任何参数。

代码示例：

调用hide方法：

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