YADCF 引导日期选择器支持答案

【问题标题】：YADCF bootstrap datepicker supportYADCF 引导日期选择器支持
【发布时间】：2023-03-23 04:31:01
【问题描述】：

目前我们正在实施 yadcf 来过滤数据表。到目前为止一切正常，但我们遇到了 filter_type date/range_date 的日期（时间）选择器的问题。

我们认为 jQuery-ui 日期选择器对用户不友好，因为您只能循环几个月。因此，为了回到几年前，需要点击很多次才能到达所需的日期（我知道您可以通过自己在其中输入来手动更改年份，但我们认为这也不是用户友好的）。

我们在文档中读到的另一个选项是它支持 eonasdan-bootstrap-datetimepicker。起初我们不喜欢时间选择器部分，但我们还是试了一下。所以我安装了以下模块：

新的日期时间选择器已正确加载，但这增加了新问题：

单击日期后，日期的格式不正确（它以某种方式显示 {Hour (also shows values beyond 23)}/{Day abbrevation (like Th for Thursday)}/yyyy (not even the actual year number)。即使设置 date_format（例如 yyyy/mm/dd）也不会影响输出。
十年选择器的样式（例如 2000-2011/2012-2023/etc）不是很好（不是什么大问题，因为我们可以删除 css 并自己编写，但软件包附带的 css 无法正常工作有点烦人）..
日期选择器 (1-31) 的样式未固定在日历中包装器（问题不大，因为我们可以删除 css 并自己编写，但软件包附带的 css 无法正常工作有点烦人）。
小时选择器只显示一个您可以选择的大数字，所以它有点没用（可能是一个 CSS 问题，但再次令人烦恼的是，该软件包附带的 css 无法正常工作）。

所以总的来说，它比 jquery-ui-datepicker 还要差。

我已经尝试安装其他几个引导日期（时间）选择器，但它们不能正常工作（有些问题是它们实际上不会在单击输入字段时触发，而不是自动触发（或者根本无法关闭） ) 在您选择最后一部分（日期）时关闭，而不是将日期传递给输入字段。

我们使用的版本是：

所以我的问题是，有谁知道（如何设置）在 YADCF 过滤器中使用合适的日期选择器（或日期时间选择器，如果没有其他选项）？

【问题讨论】：

我试过的一个包示例是：yarnpkg.com/en/package/bootstrap-datepicker 这个看起来不错，数据被填充到输入字段但日期选择器不会自动关闭（并且根本无法关闭)，并且一旦您单击顶部栏以转到月份选择器（1 月 - 12 月），它就会停止响应所有点击。最重要的是，点击当天后没有请求发送到后端。
看看 yadcf-showcase.appspot.com/dom_bootstrap.html 和 yadcf-showcase.appspot.com/dom_bootstrap_time.html 展示柜（github 上展示柜仓库中的源代码）也许会有所帮助，如果没有，请提供您的测试用例的链接
对不起，我的回复晚了，我去度假了一个星期。我已经设法从 eonasdan 添加了 datetimepicker，它现在可以正常工作了。我注意到上次尝试的日期格式有误（yyyy/mm/dd -> YYYY/MM/DD）。