业务经理

微信扫描以上二维码

028-61286886

技术咨询

如何实现按时间范围搜索?

迅睿框架 更新 2021-04-28 23:02:47 六个核桃

如何实现按时间范围搜索?

想实现一个日期范围搜索功能,

一个发布日期字段 fbdate

{xunruicms_img_title}

搜索字段应该这样

fbdate=2020-10-14,2021-03-06

但一直没找到适合移动端的日期范围选择插件,,,就想有没有办法实现

将两个时间的值同步赋值到另一个input中,

或者有其它方法实现??

求高手给个代码

方案

  • 谢先生 #1 · 2021-03-24 03:43:01
    JS组装
  • 猴子哥哥 #2 · 2021-03-24 08:39:22
    https://www.xunruicms.com/doc/1099.html 试试这个链接,看看是不是你想要的
  • 小黄人 18html #3 · 2021-03-24 10:09:08
    哪个页面?前端搜索页面吗?我做过
  • 夏正松 #4 · 2021-03-24 10:41:05
    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>
  • 六个核桃 #5 · 2021-03-24 10:55:42
    夏正松 需要合适移动端的,你这个我知道,在手机上不适合。
  • 六个核桃 #6 · 2021-03-24 10:56:13
    小黄人 18html 对,搜索,搜索框搜索,不是筛选
  • 夏正松 #7 · 2021-03-24 11:01:41
    六个核桃 那也挺多的这样的日期控件,绝大部分要自己动手适配下
  • 六个核桃 #8 · 2021-03-24 11:03:25
    夏正松 昨天找了大半天,都没有,支持日期范围选择的日期控制倒也有不少,但都只适合PC端,不合适手机端。手机端的也不少,但没有日期范围选择的。
  • 帝云网络 #9 · 2021-03-24 11:05:02
    满意答案
    程序默认模板demo/search.html就有现成的写法,JS组合的价格范围,跟你的需求一样,只是字段不同



  • 夏正松 #10 · 2021-03-24 11:11:13
    六个核桃 找人定制改下咯
  • 六个核桃 #11 · 2021-03-24 11:12:03
    帝云网络 非常感谢,这个可以
  • 六个核桃 #12 · 2021-04-28 23:02:47
    @帝云网络:非常感谢,这个可以

迅睿系统漏洞

导入微信文章
导入微信文章(2026-09-15)
优化排版缺少文字情况
GEO系统
GEO系统(2026-09-15)
运营客户端,防止误触阴影处关闭对话框
独立站群系统
独立站群系统(2026-09-14)
子站独立部署时修复同步附件失败问题
在线客服
在线客服(2026-09-13)
修复删除会话报错问题 删除会话时联动删除聊天图片
在线考试竞赛系统
在线考试竞赛系统(2026-09-12)
增加投票功能 考试功能拓展 注意:更新后需要执行系统更新,更新数...
网上信箱
网上信箱(2026-09-12)
修复新版本兼容问题
GeoSeo收录宝
GeoSeo收录宝(2026-09-12)
1 优化Update.php文件,解决版本在线升级不完整问题 2 ...
GeoSeo工具箱
GeoSeo工具箱(2026-09-11)
修正历史记录推送
微信系统
微信系统(2026-09-11)
增加数据统计总览界面 账号管理增加服务和公众号的区别 菜单管理支持更...
答题系统
答题系统(2026-09-11)
一站式在线答题系统,支持真题考试、题库练习和错题本,适合培训、考证、...