solr查询的数据转化与My97DatePicker日历插件的使用

引入js页面中

<script src="./js/My97DatePicker/WdatePicker.js"></script>

在需要的标签上添加onclick的属性
设置了传入的字段形式。WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm:ss’})

从:<input class="Wdate"style = "height: 25px ; width: 150px" name="dateStart" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="starttime" />
至:<input class="Wdate" style = "height: 25px ; width: 150px" name="dateEnd" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="endtime"/>

一个设置页码的实例

  $("#pagination-demo").twbsPagination({
            totalPages: data.endpage,
            statrpage:data.currentpage,
            visiblePages:2,
            first:"首页",
            prev:"上一页",
            next:"下一页",
            last:"尾页",
            onPageClick: function (event, page) {
                pageutil(2,page);
            }
        });

页面效果

传入后台的数据类型

endtime=Fri Sep 27 22:51:35 CST 2019

对接收数据的实体类的字段进行数据转化

	@DateTimeFormat(pattern ="yyyy-MM-dd HH:mm:ss")
    private Date starttime;

向后台查询时先进行格式的转化

SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'");

日期先后的查询
特别要注意格式的拼接

if(starttime!=null&&endtime!=null){
            query.addFilterQuery("updatetime:["+format.format(queryObj.getStarttime())+" TO "+format.format(queryObj.getEndtime())+"]");
        }else if (starttime!=null&&endtime==null){
            query.addFilterQuery("updatetime:["+format.format(queryObj.getStarttime())+" TO *]");
            System.out.println(format.format(starttime));
        }else if (endtime!=null){
            query.addFilterQuery("updatetime:[* TO "+format.format(queryObj.getEndtime())+"]");
        }