迅睿CMS框架是一款PHP8高性能·简单易用的CMS开源开发框架，基于MIT开源许可协议发布，免费且不限制商业使用，是免费开源的产品，以万端互联为设计理念，支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
产品购买 OEM版权 版本发布 最近更新 小程序开发 在线演示
会员售后服务 官方增值服务 网站授权服务 授权服务查询
网站安全部署 免费技术支持 在线人工回复 捐赠我们
联系官方销售客服
1835022288
028-61286886
如何实现按时间范围搜索？
想实现一个日期范围搜索功能，
一个发布日期字段 fbdate
搜索字段应该这样
fbdate=2020-10-14,2021-03-06
但一直没找到适合移动端的日期范围选择插件，，，就想有没有办法实现
将两个时间的值同步赋值到另一个input中，
或者有其它方法实现？？
求高手给个代码
<!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>
<!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>