时间日期筛选比较

1.页面效果如下

  *左边框为下拉框，选择对应选项，中间与右边框回自动回填对应数据

 2.基本思路

  *先实现左边下拉框改变，右边两个框跟着对应改变

  *后跟剧右边的两个框的改变而出发一个function来与所需的SQL数据筛选对比

3.页面布局(可自行布局)

  *这里使用的是bootstrap-4.50的框架  input里type=“date”便会有时间框

  *oniput事件：当元素获得用户输入时运行脚本  

 4.选择下拉框改变对应的时间框

  *给左边下拉框一个oniput事件使选择时改变时间框

  *获取对应时间，当下拉框的value为多少时，对应的时间回填到事件框即可

 5.控制器对比（日期时间筛选对比）

*BeginDate   FinishDate 为对应的两个时间框传过来的数据

*Var tbmMney为查询出数据库信息

*如果你的数据库里的格式为yyyy-MM-dd则不需要添加代码

 FinishDate=FinishDate.AddDaye(1);

*如果你的数据库里的格式为 yyyy-MM-dd hh-mm则需要添加

 因为里面包含时间，日期00点即凌晨后电脑会归为第二天

*InputoutputWaitTime为对应想对比的数据库信息

*然后使用大于或者等于，小于或者等于来对比时间即可

 

以上便是时间日期的筛选比较