My97DatePicker日期控件的用法

1.My97DatePicker控件包自己下载,引入到自己的项目中,要保证整个文件的完整


My97DatePicker日期控件的用法


2.具体使用,页面需要引入

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


<input id="date1" type="text" value="${startDate}" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" style="width:200px"/>
               到
 <input id="date2" type="text" value="${endDate}" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" style="width:200px ">

页面的效果就这样

My97DatePicker日期控件的用法


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);