You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何在DataTables中修改输入的日期时间格式?——日期范围筛选器格式异常问题求助

解决DataTables DateTime筛选器格式不匹配问题

嘿,我懂你的困扰——你已经用Carbon把数据库里的timestamp转成了Y-m-d格式(比如2024-05-20)显示在表格里,但当前DateTime筛选器用的是YYYY Do MMMM格式(比如2024 20th May),导致显示风格和表格视图完全不搭对吧?

其实调整起来超简单,只需要把DateTime实例的format参数改成和表格日期一致的格式就行:

修改后的代码

minDate = new DateTime($('#min'), { format: 'YYYY-MM-DD' });
maxDate = new DateTime($('#max'), { format: 'YYYY-MM-DD' });

为什么这样改?

  • 你表格里的日期是Y-m-d,对应DateTime插件的格式标记就是YYYY-MM-DD,改成这个后,筛选输入框会显示和表格完全一致的日期格式,用户体验更统一。
  • 同时,DateTime插件会根据这个格式解析用户输入的日期,确保筛选逻辑能精准匹配表格里的日期字符串,不会出现筛选失效的情况。

如果之后你想调整输入框的显示格式(比如让输入框显示DD/MM/YYYY但表格还是保留YYYY-MM-DD),可以额外配置parseInput参数指定解析格式,但就你当前的需求来说,直接修改format就完全够用啦。

内容的提问来源于stack exchange,提问作者Dhargombeths

火山引擎 最新活动