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

迅睿框架 更新 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-09)
增加收费模式切换 按次付,按月付,按年付
AI文章生成器
AI文章生成器(2026-10-09)
新增任务日志自动清理 优化日志分组与显示 优化调用说明和优缺点说...
媒体交易系统
媒体交易系统(2026-10-09)
单独新增我的软文内容 投放界面,原录入内容改为选择已有内容
GeoSeo收录宝
GeoSeo收录宝(2026-10-07)
重构 推送和收录两大菜单,优化细节,使操作更加简单。
文件管理器
文件管理器(2026-10-05)
批量上传,删除,新建文件,在线编辑,统计大小
GEO系统
GEO系统(2026-10-05)
增加排名管理,排名总览、明细、趋势 运营客户端升级方法:重新生成客户...
手机微信登录
手机微信登录(2026-10-02)
针对微信小程序官方审核要求,增加移动网站首页、隐私说明入口、服务支持...
图标库管理
图标库管理(2026-10-02)
移除后台管理和会员中心的冗余启用引用开关。 内置图标库增加增量更新...
广告投放管理
广告投放管理(2026-09-30)
优化广告显示 更新调用代码为模板标签
模板界面管理
模板界面管理(2026-09-30)
增加模板标签代码生成功能