联系官方销售客服

1835022288

028-61286886

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



    满意答案
  • 夏正松
    #10楼    夏正松
    2021-03-24 11:11:13
    Edge 0
    六个核桃 找人定制改下咯
  • 六个核桃
    #11楼    六个核桃
    2021-03-24 11:12:03
    小米手机 0
    帝云网络 非常感谢,这个可以
  • 六个核桃
    #12楼    六个核桃
    2021-04-28 23:02:47
    Chrome 0
    @帝云网络:非常感谢,这个可以