如何更改bootstrap-datetimepicker的视图以显示格式包含时间的天数？

Question

我使用bootstrap-datetimepicker来允许用户按日期过滤仪表板内容。 datepicker的格式为'YYYY-MM-DD hh：mm：ss'，它必须采用这种格式。

问题是当我点击元素时，视图模式显示时间选择器。我需要它来显示日子。

我尝试了文档中的可用功能，我找不到一个有效的功能。有人有什么建议吗？

这就是我目前得到的：

但我希望它成为这样：

Answer 1

我最初的想法是，当datepicker弹出窗口被打开时，可能会以某种方式在格式之间切换，但这可能会变得很混乱，并且可能很容易导致我认为的其他问题。

我想通过CSS隐藏你不需要的控件可能是你最好的选择。

现在HTML结构调试有点棘手，因为当您尝试在开发工具中检查时，大多数时候相关元素会再次从DOM中删除，但基本上这会使用类list-unstyled呈现为无序列表（只需要去使用此处提到的页面上的第一个示例），每个可折叠面板都是该列表中的一个项目。所以

.list-unstyled li:not(:first-child) { display: none; }

似乎基本上可以在这里完成工作。

如果您只需要在页面上的多个日期选择器中使用此选项，则可能需要使用选择器更具体一些;但由于这似乎直接在容器中追加额外的HTML元素，因此您可以使用后代选择器初始化日期选择器，这也应该非常简单。