對應 table_builder/search.html ``` <div class="col-12 search-collapse"> <form id="search_form"> <div class="select-list"> <ul> <li> <div> <div class="input-group date" id="timepicker_date_year" data-date-format="YYYY" data-target-input="nearest"> <label class="dd_input_l" for="date_year">年份：</label> <input class="form-control datetimepicker-input" type="text" id="search_date_year" name="date_year" value="" placeholder="選擇年份" autocomplete="off" data-target="#timepicker_date_year" style="height: 38px;"> <div class="input-group-append" data-target="#timepicker_date_year" data-toggle="datetimepicker"> <div class="input-group-text"><i class="far fa-calendar"></i></div> </div> </div> </div> </li> <script type="text/javascript"> $(function () { $('#timepicker_date_year').datetimepicker() }) </script> <li> <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a> <a class="btn btn-warning btn-rounded btn-sm" onclick="resetPre()"><i class="fas fa-sync-alt"></i>&nbsp;重置</a> <input class="hide" type="submit" name="btnSave" value="提交" onclick="$.table.search();return false;"/> </li> </ul> </div> </form> </div> ``` **重寫重置搜索表單** 對應 table_builder/layout.html ``` // 重置搜索 function resetPre() { $("#search_form")[0].reset(); $('#search_date_year').val({$date_year}) // 重置select2 $('select.select2').val(null).trigger("change"); // 刷新表格 $.btTable.bootstrapTable('refresh'); } ```