如何将jQuery Datepicker的display属性从block改为inline或contents？

嘿，我看你在尝试把jQuery Datepicker的display属性从block改成contents、inline这类值对吧？你写的代码思路没问题，但有个小细节没注意到，可能导致样式没生效。

你当前代码里的选择器$("ui-datepicker")缺少了类选择器的点号，ui-datepicker是Datepicker容器的类名，正确的选择器应该是$(".ui-datepicker")。

修正后的代码如下：

$( ".dp2" ).datepicker({ 
  numberOfMonths: 3, 
  showButtonPanel: true,
  beforeShow: function() { 
    $(".ui-datepicker").css('display','contents'); 
  } 
});

如果想切换成inline属性值，只需要把代码里的'contents'替换成'inline'就可以了。另外，要是遇到样式优先级不够的情况，可以加上!important来强制生效：

$(".ui-datepicker").css('display','contents !important');

如果beforeShow事件的时机不符合预期，你也可以尝试改用show事件来触发样式修改，效果是一样的哦。

内容的提问来源于stack exchange，提问作者user3525290