迅睿CMS框架是一款PHP8高性能·简单易用的CMS开源开发框架,基于MIT开源许可协议发布,免费且不限制商业使用,是免费开源的产品,以万端互联为设计理念,支持的微信公众号、小程序、APP客户端、移动端网站、PC网站等多终端式管理系统。
联系官方销售客服
1835022288
028-61286886
给栏目页做这个搜索筛选的 这个字段分别怎么写呢
上牌时间下拉选择比如2001年到2009年 搜索 报价是输入2万到9万之间的搜索呢 大神指导下
插件教程:https://www.xunruicms.com/doc/app-928.html
<div class="form-group row"> <label class="col-md-2 control-label">组合购买价格自定义</label> <div class="col-md-9"> {php $zhxgm = explode(',', (string)$params.zhxgm);} <label><input type="text" class="form-control" value="{$zhxgm[0]}" id="zhxgm_min"></label> <label>到</label> <label><input type="text" class="form-control" value="{$zhxgm[1]}" id="zhxgm_max"></label> <label>这是自定义价格范围搜索的写法</label> </div> </div> <div class="form-group row"> <label class="col-md-2 control-label">时间段的搜索写法</label> <div class="col-md-9"> <link href="{THEME_PATH}assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css" rel="stylesheet" type="text/css" /> <link href="{THEME_PATH}assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" /> <link href="{THEME_PATH}assets/global/plugins/bootstrap-timepicker/css/bootstrap-timepicker.min.css" rel="stylesheet" type="text/css" /> <link href="{THEME_PATH}assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" /> <script src="{THEME_PATH}assets/global/plugins/bootstrap-datepicker/js/bootstrap-datepicker.finecms.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function() { if (jQuery().datepicker) { $('.date-picker').datepicker({ orientation: "left", autoclose: true }); } }); </script> {php $updatetime = explode(',', (string)$params.updatetime);} <label><div class="input-group date-picker input-daterange" data-date="" data-date-format="yyyy/mm/dd"> <input type="text" class="form-control" value="{$updatetime[0]}" id="updatetime_min"> <span class="input-group-addon"> {dr_lang('到')} </span> <input type="text" class="form-control" value="{$updatetime[1]}" id="updatetime_max"> </div></label> </div> </div>
<script> // 这段js是用来执行搜索的 function dr_module_search(name) { var url="{Router::search_url($params, ['keyword', 'baojia', 'updatetime','chexing','dangwei','pinpai'], ['mykeyword', 'mybaojia', 'myupdatetime','mychexing','mydangwei','mypinpai'])}"; // 这是按关键词的写法参数替换 var keyword = $("#search_keyword").val(); if (keyword) { url = url.replace('mykeyword', keyword); } else { url = url.replace('mykeyword', ''); } var mychexing = $("#mychexing").val(); if (mychexing) { url = url.replace('mychexing', mychexing); } else { url = url.replace('mychexing', ''); } var mydangwei = $("#mydangwei").val(); if (mydangwei) { url = url.replace('mydangwei', mydangwei); } else { url = url.replace('mydangwei', ''); } var zipinpai = $("#usu_city").val(); if (zipinpai){ url = url.replace('mypinpai', zipinpai); }else{ var mypinpai = $("#mypinpai").val(); if (mypinpai) { url = url.replace('mypinpai', mypinpai); } else { url = url.replace('mypinpai', ''); } } // 这是按价格范围的写法参数替换 var baojia_min = $("#baojia_min").val(); var baojia_max = $("#baojia_max").val(); baojia_max = baojia_max ? baojia_max : 0; baojia_min = baojia_min ? baojia_min : 0; if (baojia_max || baojia_min) { url = url.replace('mybaojia', baojia_min+','+baojia_max); } else { url = url.replace('mybaojia', ''); } // 这是时间格范围的写法参数替换 var updatetime_min = $("#min_car_buy_time").val(); var updatetime_max = $("#max_car_buy_time").val(); updatetime_max = updatetime_max ? updatetime_max : 0; updatetime_min = updatetime_min ? updatetime_min : 0; if (updatetime_max || updatetime_min) { url = url.replace('myupdatetime', updatetime_min+'/01/01,'+updatetime_max+'/12/31'); } else { url = url.replace('myupdatetime', ''); } // 跳转搜索页面 location.href=url; return false; } </script>