jquery - 为jquery datapicker动态更改css

Question

如何通过 jquery 更改数据选择器的外观。我不想仅隐藏 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 Doc 可能对您有所帮助！：

hide()

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

此方法不接受任何参数。

代码示例：

调用隐藏方法：

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