YADCF引导程序datepicker支持

Question

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

我们认为jQuery-ui datepicker不是用户友好的，因为你只能循环数月。因此，为了回溯几年，需要相当多的点击才能达到所需的日期（我知道您可以通过在那里自己输入来手动更改年份，但我们认为这也不是用户友好的。）

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

• Moment.js（纱线添加时刻）
• eonasdan-bootstrap-datetimepicker（yarn add eonasdan-bootstrap-datetimepicker）

新的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. 小时选择器只显示一个你可以选择的大号码，所以它有点无用（可能是一个CSS问题，但再一次令人讨厌包装附带的css无法正常工作）。

总的来说，它甚至比jquery-ui-datepicker更糟糕。

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

我们使用的版本是：

• 数据表后端（可能并不重要）：https://github.com/yajra/laravel-datatables
• Datatables frontend：angular-datatables（https://l-lin.github.io/angular-datatables，version 2.3.0）
• YADCF：https://github.com/vedmack/yadcf（版本0.9.1）
• Angular2：4.3.1

所以我的问题是，有没有人知道（如何设置）在YADCF过滤器中使用的合适的datepicker（或者如果没有其他选项的datetimepicker）？

Answer 1

你应该使用Eonasdan/bootstrap-datetimepicker，看一下展示yadcf-showcase.appspot.com/dom_bootstrap.html和yadcf-showcase.appspot.com/dom_bootstrap_time.html（github上展示回购中的源代码）