如何在日用品之间设置更大的空间？

Posted 2023-05-08

【中文标题】如何在日用品之间设置更大的空间？

【英文标题】：How to set bigger space between day items?

【发布时间】：2021-11-01 14:04:01

【问题描述】：

将 datetimepicker 4.17.47 添加到我发现的 jquery 3.4/bootstrap 4.6 项目中 日用品之间的空间非常狭窄：https://prnt.sc/1r3r909

打开我找到的 bootstrap-datetimepicker.min.css 文件并添加了下一个类：

.bootstrap-datetimepicker-widget table td.day 
  height: 20px;
  line-height: 20px;
  width: 20px;
  padding: 4px !important; // I added this property

在日项目之间的空间变得很好之后，但是有时间选择的区域是 日项目之间的空间：https://prnt.sc/1r3roq6

而且不可能打开这个设计 在浏览器的控制台下拉选择器中，我尝试将更多宽度设置为天数块...

如何做到这一点？

谢谢！

【问题讨论】：

对选择器中的所有元素使用检查器。有很多元素，所以你需要调整很多东西才能得到你想要的。我知道帮助不大，但是像这样动态生成的小部件对于重新设计来说是一件麻烦事。你真的必须吗？ ??????

当我尝试打开代码检查器（通过右键单击）日期选择器对话框时打开了日期选择器对话框，我无法查看 int 代码。有什么方法可以调查吗？

有一些建议here关于如何设计它。

是同一个组件吗？

不知道 - 检查一下。至少，它可能会给你一些提示。

【参考方案1】：

我发现手动修改类的决定：

.bootstrap-datetimepicker-widget table td.day 
  height: 20px;
  line-height: 20px;
  padding: 4px !important;
  width: 20px



.bootstrap-datetimepicker-widget.dropdown-menu 
  display: block;
  margin: 2px 0;
  padding: 4px;
  border: 2px dotted red !important;
  min-width: 39em !important;

它有帮助！