我使用的是datepicker-dialog.css,我有一个querySelectorAll,它在(.datepicker)中检索头部。但是,.datepicker有一个标题,它使用display:flex;它垂直地而不是水平地打破显示天数的日历。
内部数据采集器-dialog.css
.datepicker-dialog .header {
cursor: default;
background-color: white;
padding: 7px;
font-weight: bold;
text-transform: uppercase;
color: black;
display: flex;
justify-content: space-around;
}
在我的index.html里
<script>
// Initialize the Datepicker-Dialog objects
document.querySelectorAll('.datepicker').forEach(function (dp) { new DatePickerDialog(dp); });
</script>
我不想直接更改这个类,因为它正在其他地方使用,所以我尝试在datepicker-dialog.css中添加一个新类并调用querySelector。
<script>
// Initialize the Datepicker-Dialog objects
document.querySelectorAll('.datepicker').forEach(function (dp) { new DatePickerDialog(dp); });
document.querySelector('.datepicker-dialog-mismatch');
</script>
希望它可以覆盖selectorAll,但是没有什么改变。我接着又说
<style>
.datepicker-dialog-mismatch .header {
cursor: default;
background-color: white;
padding: 7px;
font-weight: bold;
text-transform: uppercase;
color: black;
justify-content: space-around;
}
</style>
在我的html文件的顶部,但问题仍然存在。我还可以使用哪些其他选项/函数来覆盖标头?
发布于 2022-04-04 14:46:59
tablesorter函数与我的日历重叠,因此导致它显示错误。
jQuery(document).ready(function() {
jQuery("#view_table").tablesorter();
});
一旦我把它注释掉,日历就像它应该水平显示的那样工作。
https://stackoverflow.com/questions/71731720
复制相似问题