大型运输行业实战_day09_1_日期转换与My97DatePicker插件使用

1.日期转换

1.1字符串类型转换成时间Date类型

  /**
      * 给定字符串 转变 为 Date 类型
      * @param date 时间
      * @param format 时间格式  如:yyyy-MM-dd HH:mm:ss
      * @return
      */
     public static   Date stringToDate(String date,String format)  {
         SimpleDateFormat simpleDateFormat = new SimpleDateFormat(format);
         Date parse = null;
         try {
             parse = simpleDateFormat.parse(date);
         } catch (ParseException e) {
             e.printStackTrace();
         }
         System.out.println(" parse=  "+parse);
         return parse;
     }

重点掌握SimpleDateFormat类,多查看API

1.2.时间Date类型转换成字符串类型

 /**
      * 将时间类型转变为指定的字符串类型
      * @param date 时间
      * @param format  需要的字符串格式 如:yyyy-MM-dd HH:mm:ss
      * @return
      */
     public static String formatDate(Date date,String format) {
         SimpleDateFormat dateFormat = new SimpleDateFormat(format);
         String nowTime = dateFormat.format(date);
         return nowTime;
     }

1.3.日期加减运算

   /**
      * 日期加减运算
      * @param date  对指定日期运算
      * @param calendarField  对日期中的
      *那个类型进行运算,比如1表示对年运算, 5表示对天进行运算
      * @param amount 正数表示加,负数表示减
      * @return
      */
     public static Date add(Date date, int calendarField, int amount) {
         Calendar c = Calendar.getInstance();
         c.setTime(date);
         c.add(calendarField, amount);
         return c.getTime();
     }

重点掌握SimpleDateFormat类,多查看API

2.实际案例应用

需求:在车票列表中显示发车时间,并且高级查询支持发车时间段查询,完成效果如下图:

选择时间时效果如图:

2.1在如果数据库没有发车时间字段这添加发车时间字段

2.2在模型对象中添加该字段

2.3mapper文件修改

a.添加该字段的获取

b.查询条件的条件,注意查询的最大时间和最小时间在查询对象中应该有

查询对象的最大时间与最小时间的添加

2.4前端处理

a.添加My97DatePicker包

My97DatePicke使用方式可以查看 :官网地址http://www.my97.net/demo/index.htm

b.在页面中引入该包并使用

c.获取数据以及填充到页面的js函数

 function query(_pageSize,_currentPage){
        // alert("------query------");
         //1.获取参数
         var  startStation = $("#startStation").val();
         var  stopStation = $("#stopStation").val();
       //查询时间范围获取
       var  startTimeMin = $("#startTimeMin").val();
       var  startTimeMax = $("#startTimeMax").val();
         //2.发送请求
         var params = {
            // startStation:startStation,
             stopStation:stopStation,
             _pageSize:_pageSize,//分页需要的数据
             _currentPage:_currentPage//分页需要的数据
         };
       if (null!=startStation && ''!=startStation){//开始车站有值的时候才传递参数
           params['startStation']=startStation;  //动态向json中添加参数
       }
       if (null!=startTimeMin && ''!=startTimeMin){//最小时间
           params['startTimeMin']=startTimeMin;
       }
       if (null!=startTimeMax && ''!=startTimeMax){//最大时间
           params['startTimeMax']=startTimeMax;
       }
         var url = '/ticket2/data3';
         jQuery.ajax({
             type: 'POST',
             contentType: 'application/x-www-form-urlencoded',
             url: url,
             data: params,
             dataType: 'json',
             success: function (data) {
                 //取出列表
                var ticketList = data.list;
                 //取出分页数据
                 var currentPage= data.currentPage;
                 var count= data.count;
                 var pageSize= data.pageSize;
                 var totalPage= data.totalPage;
                 var html='<tr>'+
                         '<td>编号</td>'+
                         '<td>开始车站</td>'+
                         '<td>到达车站</td>'+
                         '<td>发车时间</td>'+
                         '<td>余票数</td>'+
                         '<td>线路类型</td>'+
                         '<td>操作</td>'+  //添加购票按钮
                         '</tr>';
                 //解析数据到table表中
                 for (var i=0;i<ticketList.length;i++){
                     //取出一个对象   java里面的内省机制
                     var  ticket = ticketList[i];
                     var id = ticket.id;
                     var startStation=  ticket.startStation;
                     var stopStation=  ticket.stopStation;
                     //发车时间
                     var startTime = ticket.startTime;
                    var standby = ticket.standby;
                     var typeName = ticket.typeName;
                     html+='<tr>'+
                             '<td>'+id+'</td>'+
                             '<td>'+startStation+'</td>'+
                             '<td>'+stopStation+'</td>'+
                             '<td>'+startTime+'</td>'+
                             '<td>'+standby+'</td>'+
                             '<td>'+typeName+'</td>'+
                             '<td><button onclick="buyTicket('+id+')">购买</button></td>'+ //添加购票按钮
                             '</tr>';
                 }
                 //3.填充数据
                 //填充列表
                 $("#ticketList").html(html);
                 //填充分页数据
                 $("#totalPage").html(totalPage);
                 $("#pageSize").html(pageSize);
                 $("#count").html(count);
                 $("#currentPage").html(currentPage);
             },
             error: function (data) {
                 alert("失败啦");
             }
         });
     }

重启项目搞定!