迅睿CMS框架是一款PHP8高性能·簡單易用的CMS開源開發框架,基于MIT開源許可協議發布,免費且不限制商業使用,是免費開源的產品,以萬端互聯為設計理念,支持的微信公眾號、小程序、APP客戶端、移動端網站、PC網站等多終端式管理系統。
聯系官方銷售客服
1835022288
028-61286886
如何實現按時間范圍搜索?
想實現一個日期范圍搜索功能,
一個發布日期字段 fbdate
搜索字段應該這樣
fbdate=2020-10-14,2021-03-06
但一直沒找到適合移動端的日期范圍選擇插件,,,就想有沒有辦法實現
將兩個時間的值同步賦值到另一個input中,
或者有其它方法實現??
求高手給個代碼
JS組裝
http://www.zbshanke.com/doc/1099.html
試試這個鏈接,看看是不是你想要的
哪個頁面?前端搜索頁面嗎?我做過
laydate 獨立版 https://res.layui.com/static/download/laydate/layDate-v5.1.0.zip?v=2
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>使用 layDate 獨立版</title> </head> <body> <input type="text" id="mystart"> <input type="text" id="myend"> <input type="hidden" id="fbdate" value="" name="fbdate"> <!--引入jquery 如果已經引入可以刪除--> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <!--日期插件--> <!-- 官網下載地址 https://res.layui.com/static/download/laydate/layDate-v5.1.0.zip?v=2 --> <!-- 頁面引入 laydate.js 改成你的路徑 --> <script src="laydate/laydate.js"></script> <script> laydate.render({ elem: '#mystart'//綁定元素 ,done: function(value, date){ compareDate() } }); laydate.render({ elem: '#myend'//綁定元素 ,done: function(value, date){ compareDate(); } }); window.compareDate = function(){ var start = $('#mystart').val(); var end = $('#myend').val(); $('#fbdate').val(start+','+end); } </script> </body> </html>
回復@夏正松
需要合適移動端的,你這個我知道,在手機上不適合。
回復@小黃人 18html
對,搜索,搜索框搜索,不是篩選
回復@六個核桃 那也挺多的這樣的日期控件,絕大部分要自己動手適配下
昨天找了大半天,都沒有,支持日期范圍選擇的日期控制倒也有不少,但都只適合PC端,不合適手機端。
手機端的也不少,但沒有日期范圍選擇的。
程序默認模板demo/search.html就有現成的寫法,JS組合的價格范圍,跟你的需求一樣,只是字段不同
回復@六個核桃 找人定制改下咯
回復@帝云網絡
非常感謝,這個可以
JS組裝
http://www.zbshanke.com/doc/1099.html
試試這個鏈接,看看是不是你想要的
哪個頁面?前端搜索頁面嗎?我做過
laydate 獨立版 https://res.layui.com/static/download/laydate/layDate-v5.1.0.zip?v=2
回復@夏正松
需要合適移動端的,你這個我知道,在手機上不適合。
回復@小黃人 18html
對,搜索,搜索框搜索,不是篩選
回復@六個核桃 那也挺多的這樣的日期控件,絕大部分要自己動手適配下
回復@夏正松
昨天找了大半天,都沒有,支持日期范圍選擇的日期控制倒也有不少,但都只適合PC端,不合適手機端。
手機端的也不少,但沒有日期范圍選擇的。
程序默認模板demo/search.html就有現成的寫法,JS組合的價格范圍,跟你的需求一樣,只是字段不同
回復@六個核桃 找人定制改下咯
回復@帝云網絡
非常感謝,這個可以