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為對應想對比的數據庫信息

*然后使用大于或者等于，小于或者等于來對比時間即可

?

以上便是時間日期的篩選比較

總結

以上是生活随笔為你收集整理的时间日期筛选比较的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。