1.My97DatePicker控件包自己下载,引入到自己的项目中,要保证整个文件的完整
2.具体使用,页面需要引入
<script src="My97DatePicker/WdatePicker.js"></script>
<input id="date1" type="text" value="${startDate}" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" style="width:200px"/>
到
<input id="date2" type="text" value="${endDate}" οnfοcus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" style="width:200px ">
页面的效果就这样
3获取控件的值传到后台作为查询条件
var date1 = $('#date1').val().trim();
var date2 = $('#date2').val().trim();
4.如何给控件默认当天的日期
两种方式:
第一种控件自身赋值
第二种后端赋值
我使用的是第二种
Date date = new Date();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
String nowDate = sdf.format(date);
request.setAttribute("startDate", nowDate);
request.setAttribute("endDate", nowDate);