大型运输行业实战_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("失败啦");
            }
        });
    }

   重启项目搞定!