datapicker使用，按时间段搜索

<div id="data_5" class='row' style='margin: 5px auto'>
    <label class="col-sm-2 control-label">签订时间:</label>
    <div class='col-sm-3'>
        <div class="input-daterange input-group" id="datepicker">
            <sf:input type="text" path="fdate" placeholder="开始时间" class="form-control" required="" value="${fdateString}" />
            <fmt:formatDate value="${b006001Bean.fdate}" var="fdateString" pattern="yyyy-MM-dd" />
            <span class="input-group-addon">to</span>
            <sf:input type="text" path="tdate" placeholder="截止时间" class="form-control" required="" value="${tdateString}" />
            <fmt:formatDate value="${b006001Bean.tdate}" var="tdateString" pattern="yyyy-MM-dd" />
        </div>
    </div>
    <div class="col-sm-7">
        <div class='row'>
            <div class="col-sm-3">
                <button type="button" class="btn btn-primary full-width m-b" onclick="search()">搜索</button>
            </div>
            <div class="col-sm-3">
                <button type="button" class="btn btn-primary full-width m-b" onclick="add()">新建</button>
            </div>
        </div>
    </div>
    </div>
</div>
                                
                                
        $().ready(function () { 
            $('#data_5 .input-daterange').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: true,
                calendarWeeks: false,
                todayHighlight: true,
                autoclose: true,
                language:"zh-CN",
                format:"yyyy-mm-dd"
            });
        }