业务经理

微信扫描以上二维码

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-10-30)
修正对百度编辑器提取支持
AI文章生成器
AI文章生成器(2026-10-29)
任务插图设置数量
Bing站长数据
Bing站长数据(2026-10-29)
根据BING接口调整菜单 各个页面数据支持点击查看详情
按字段付费
按字段付费(2026-10-29)
按字段付费用于模块的字段设置一定的价格,当用户购买了此内容的字段时才...
泛解析站群系统
泛解析站群系统(2026-10-29)
AI队列增加清空按钮 表单提示语收敛 目录模式不接管主域名模板
账号注销
账号注销(2026-10-29)
用于用户中心的注销账号申请,后台审核通过后注销此账号。后台统一管理注...
邮件群发
邮件群发(2026-10-28)
修改模板的命名
自定义收款/捐款
自定义收款/捐款(2026-10-28)
自定义收款或捐款插件可以让用户快速创建付款或者捐款功能
CMS内容批量修改
CMS内容批量修改(2026-10-28)
后台批量修改文章内容的指定字段在插件后台可以任意指定字段
全站模块搜索
全站模块搜索(2026-10-28)
实现全模块一次性搜索内容,一键搜索全站内容精准搜索全部模块: