jQueryUI 日历

1、引入文件：

<link rel="stylesheet" type="text/css" href="/static/widgets/daterangepicker/daterangepicker.css">

<script type="text/javascript" src="/static/widgets/daterangepicker/moment.js"></script>
<script type="text/javascript" src="/static/widgets/daterangepicker/daterangepicker.js"></script>

<script type="text/javascript" src="/static/widgets/daterangepicker/daterangepicker-demo.js"></script>

2、html：

<th style='padding-left:4px'>时间范围：</th>
        <td class="input-prepend input-group demo-margin" style="margin-bottom: 0px;">
            <span class="add-on input-group-addon">
                <i class="glyph-icon icon-calendar"></i>
            </span>
            <input style="width:300px" placeholder="请点击选择时间" type="text" readonly="readonly" id="daterangepicker-time" name="insertTime" class="form-control">
        </td>

3、js：

var time = $("#daterangepicker-time").val();

daterangepicker-time这个id是默认的，如果要改id，需要在js中初始化，例如将id改为delete-time

$(document).ready(function () {

$("#delete-time").daterangepicker({timePicker:!0,timePickerIncrement:30,format:"MM/DD/YYYY h:mm A"});

});

4、java，转换时间格式

String[] string = time.split("-");
     Date data1 = null;
     Date data2 = null;
 try {
 data1 = new SimpleDateFormat("M/d/yyyy h:mm a", Locale.US).parse(string[0].trim());
 data2 = new SimpleDateFormat("M/d/yyyy h:mm a", Locale.US).parse(string[1].trim());
 } catch (ParseException e) {
 log.error(e.getMessage(), e);
 }
             SimpleDateFormat formatter = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
             String startTime = formatter.format(data1);
             String endTime = formatter.format(data2);