YADCF bootstrap 日期选择器支持

YADCF bootstrap datepicker support

目前我们正在实施 yadcf 以过滤数据表。到目前为止一切正常,但我们面临 filter_type date/range_date.

的日期(时间)选择器问题

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

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

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

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

所以总体来说,比jquery-ui-datepicker还要差。

我试过安装其他几个 bootstrap 日期(时间)选择器,但它们不能正常工作(有些问题是它们实际上不会在单击输入字段时触发,不是自动触发(或能够完全关闭)当你 select 最后一部分(天)时关闭,而不是将日期传递到输入字段。

我们使用的版本是:

所以我的问题是,有谁知道(如何设置)一个合适的日期选择器(如果没有其他选项,则为日期时间选择器)用于 YADCF 过滤器?

您应该使用 Eonasdan/bootstrap-datetimepicker, Take a look at the showcase yadcf-showcase.appspot.com/dom_bootstrap.html and yadcf-showcase.appspot.com/dom_bootstrap_time.html(github 上展示存储库中的源代码)