fastadmin自定义时间段搜索

最新推荐文章于 2025-09-16 15:34:24 发布

原创

最新推荐文章于 2025-09-16 15:34:24 发布 · 2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript #php

本文介绍了一种在表格中实现日期范围搜索的方法。通过定义特定的字段属性，并使用JS模板来定制输入界面，使得用户可以方便地选择起始和结束日期进行查询。

效果如图：

实现方法：

控制器对应的js页面：

 {field: 'starttime', title:'开始配送日期',addclass:'datetimerange', formatter: Table.api.formatter.datetime,datetimeFormat:'YYYY-MM-DD', sortable: true,searchList: function (column) {
     return Template('categorytpl2', {});
   }
},

模板页面对应的js模板：

<script id="categorytpl2" type="text/html">
    <input type="hidden" class="form-control operate" name="starttime-operate" data-name="starttime" value="BETWEEN" readonly="">
    <div class="row">
        <div class="col-xs-12">
            <div class="form-inline row">
                <div class="col-xs-14 col-sm-6">
                    <input type="text" style="width:90px" data-rule="required" class="form-control da