今天我想跟大家讲一个时间段的设置,在上一篇我跟大家讲过关于时间如何的转换。这一篇我就跟大家讲一下时间段的设置,以及查询。时间段的的设置我所接触的的有两种。
这个时间段的设置以及筛选刚好在我的项目目中存在过。
如图
一、我通过Layui插件来完成。就是在input 绑定layui的日期表
二、就是通过JS代码去实现
Layui :
是这两年比较流行的插件。这个插件让我感到有一个最大的亮点。就是可以模块化加载。就是需要哪一块就加载哪一块。不像以前那样。要运用那一个插件就必须把那个插件全部引入,这种作法很大程度上浪费了存储的空间。
这是我在div里面编写的代码。就一个input标签。
- 引用对这模块进行引用。Laydate 这个是layui 时间模块
2、初始化这个模块
)}
通过上面这个简单的操做你就可以实现时间的绑定了。时间段的绑定也有。大家可以去翻翻看。
JS 代码实现:
Div的代码:
选择日期:
查询
如图:
这就是的时间段查询设置,它对于插件layui来说。它的时间表的样式可能没有那么好看。由于测试问题。样式就很随便了。大家在到把所需要的字段查询写到控制器里即可。
对于时间段的查询就是一个模糊查询的操做功能。这模糊查询操做功能的具体方法。以前的文章有写,大家需要的可以去参考。
在这里提醒一下。大家进行模糊查询的时候大家要小心个个事情就是要记得重定向到第一页。为什么要这样说呢就是因为你在进行模糊查询的时候有时候会显示无数据,但是你又非常确实它存在数据。但是又无数据显示。这可能是你没有定向到第一页。
page: {
curr: 1 //重新从第 1 页开始
}
个人原因解释:出现这种原因大多数都是在数据量特别多的时候。你在不停的换取下一页数据表就会停在你所选的下一个表格那里。然后这时候如果你没有定向到第一页,你是没有数据的。
这也是我在项目中遇到的。刚刚好在这里给大家提个醒。希望对你有所帮助。
以上就是我说的,不足之处请大家多多包涵。