博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
大型运输行业实战_day09_1_日期转换与My97DatePicker插件使用
阅读量:4599 次
发布时间:2019-06-09

本文共 4484 字,大约阅读时间需要 14 分钟。

1.日期转换

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

1  /** 2      * 给定字符串 转变 为 Date 类型 3      * @param date 时间 4      * @param format 时间格式  如:yyyy-MM-dd HH:mm:ss 5      * @return 6      */ 7     public static   Date stringToDate(String date,String format)  { 8         SimpleDateFormat simpleDateFormat = new SimpleDateFormat(format); 9         Date parse = null;10         try {11             parse = simpleDateFormat.parse(date);12         } catch (ParseException e) {13             e.printStackTrace();14         }15         System.out.println(" parse=  "+parse);16         return parse;17     }

   重点掌握SimpleDateFormat类,多查看API

 

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

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

1.3.日期加减运算

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

 重点掌握SimpleDateFormat类,多查看API

2.实际案例应用

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

     

      选择时间时效果如图:

     

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

     

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

     

  2.3mapper文件修改

     a.添加该字段的获取

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

     

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

   

2.4前端处理

    a.添加My97DatePicker包

       My97DatePicke使用方式可以查看 :官网地址

     

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

    

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

1 function query(_pageSize,_currentPage){ 2        // alert("------query------"); 3         //1.获取参数 4         var  startStation = $("#startStation").val(); 5         var  stopStation = $("#stopStation").val(); 6       //查询时间范围获取 7       var  startTimeMin = $("#startTimeMin").val(); 8       var  startTimeMax = $("#startTimeMax").val(); 9         //2.发送请求10         var params = {11            // startStation:startStation,12             stopStation:stopStation,13             _pageSize:_pageSize,//分页需要的数据14             _currentPage:_currentPage//分页需要的数据15         };16       if (null!=startStation && ''!=startStation){
//开始车站有值的时候才传递参数17 params['startStation']=startStation; //动态向json中添加参数18 }19 if (null!=startTimeMin && ''!=startTimeMin){
//最小时间20 params['startTimeMin']=startTimeMin;21 }22 if (null!=startTimeMax && ''!=startTimeMax){
//最大时间23 params['startTimeMax']=startTimeMax;24 }25 var url = '/ticket2/data3';26 jQuery.ajax({27 type: 'POST',28 contentType: 'application/x-www-form-urlencoded',29 url: url,30 data: params,31 dataType: 'json',32 success: function (data) {33 //取出列表34 var ticketList = data.list;35 //取出分页数据36 var currentPage= data.currentPage;37 var count= data.count;38 var pageSize= data.pageSize;39 var totalPage= data.totalPage;40 var html=''+41 '编号'+42 '开始车站'+43 '到达车站'+44 '发车时间'+45 '余票数'+46 '线路类型'+47 '操作'+ //添加购票按钮48 '';49 //解析数据到table表中50 for (var i=0;i
'+id+''+62 ''+startStation+''+63 ''+stopStation+''+64 ''+startTime+''+65 ''+standby+''+66 ''+typeName+''+67 '
'+ //添加购票按钮68 '';69 }70 //3.填充数据71 //填充列表72 $("#ticketList").html(html);73 //填充分页数据74 $("#totalPage").html(totalPage);75 $("#pageSize").html(pageSize);76 $("#count").html(count);77 $("#currentPage").html(currentPage);78 },79 error: function (data) {80 alert("失败啦");81 }82 });83 }

   重启项目搞定!

转载于:https://www.cnblogs.com/newAndHui/p/8204754.html

你可能感兴趣的文章
linux命令系列 stat & touch
查看>>
[Tools] Webstorm Github的配置与使用
查看>>
鬼谷子绝学
查看>>
Mongodb 笔记04 特殊索引和集合、聚合、应用程序设计
查看>>
使用Post/Redirect/Get实现Asp.net防止表单重复提交
查看>>
用Html5与Asp.net MVC上传多个文件
查看>>
lambda函数,常用函数,内置函数(string,zip()map()filter())的用法
查看>>
Xcode中匹配的配置包的存放目录
查看>>
JavaScript将具有父子关系的原始数据格式化成树形结构数据(id,pid)
查看>>
CSS3.0——背景属性
查看>>
超棒的CSS3动画页面过渡效果
查看>>
【转】性能测试、负载测试、压力测试的区别
查看>>
hdu5863_dp+矩阵快速幂
查看>>
运算符
查看>>
【转载】C语言中的undefined behavior/unspecified behavior - 序
查看>>
MySQL服务使用
查看>>
C语言练手自己编写学生成绩管理系统
查看>>
20175204 张湲祯 2018-2019-2《Java程序设计》第二周学习总结
查看>>
NCPC 2015 - Problem A - Adjoin the Networks
查看>>
How to lisp Lisp output a paragraph"500 Tph Dry Process Cement Plant Machinery Manufacturers"
查看>>