如何更改bootstrap-datetimepicker的视图以显示格式包含时间的日期?

时间:2019-04-17 08:02:09

标签: javascript momentjs bootstrap-datetimepicker

我正在使用 bootstrap-datetimepicker 允许用户按日期过滤仪表板内容。日期选择器的格式为 'YYYY-MM-DD hh:mm:ss' ,该格式必须为

问题是当我单击元素时,视图模式显示了时间选择器。我需要它来显示日期。

我尝试了文档中的可用功能,但找不到有效的功能。有人有建议吗?

这是我目前得到的: enter image description here

但是我希望它是这样的: enter image description here

1 个答案:

答案 0 :(得分:0)

我最初的想法是,当打开日期选择器弹出窗口时,可能会以某种方式在格式之间进行切换,但这可能会很杂乱,并且很容易导致我认为其他问题。

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

现在,HTML结构调试起来有些棘手,因为大多数情况下,当您尝试在开发工具中检查DOM时,相关元素会再次从DOM中删除,但是基本上,使用类{ {1}}(仅与您在此处提到的页面上的第一个示例一起使用),并且每个可折叠面板都是该列表内的一个项目。所以

set_target_properties(myApplication PROPERTIES VS_DEBUGGER_WORKING_DIRECTORY "$<TARGET_FILE_DIR:myApplication>"
                                               VS_DEBUGGER_COMMAND           "$<TARGET_FILE:myApplication>"
                                               VS_DEBUGGER_ENVIRONMENT       "PATH=%PATH%;${CMAKE_PREFIX_PATH}/bin")

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

如果您仅需要页面中多个日期选择器中的特定日期选择器,则可能需要使用选择器来更具体一些;但是由于这似乎将额外的HTML元素直接添加到了容器内,因此您可以使用后代选择器来初始化日期选择器,该选择器也应该很容易。