工作中需要用到 比较时间 这个问题比较老套,看似简单,不过在具体实现的时候还是遇到了不少麻烦,写下来以作记录吧。
首先我的环境是jquery datepicker + spring+ mybatis + mysql,在这篇文章中所诉的内容应该与具体的sql产品无关。
- jquery datepicker
我们知道,前端一般需要选择一个时间(或者时间段),jquery的datepicker插件很方便。对于选择时间段,本身已能够实现对于非法时间的禁止选择。
jquery等插件必然可以格式化时间,最终向服务端发送一个字符串。比如:2011-03-09
2011/03/09。
- 服务端
服务端如果直接接收这个字符串来转化为某种日期类型这个比较简单。在我的实现中,会通过额外的辅助字段,通过反射自动转换为对应的类。
propertyValue = ConvertUtils.convert(value, propertyType);
其中propertyType是需要转换为的类型,value为String类型的“原始值”,通过apache的反射包转换为对应的Object。
- 日期类的选择
通常可以选择java.util.Date java.sql.Date java.sql.Timestamp。
这里强烈推荐使用Timestamp
1、因为Timestamp可以直接映射数据库德timestamp类型,他是slq.Date的子类。
2、在mybatis中使用timestamp的话,直接打印输出,mysql可以自动支持。
- 问题
- 对于Timestamp,jquery的插件只能精确到日,而如果只提供年月日,apache的转换包会跑出如下异常:
String must be in JDBC format [yyyy-MM-dd HH:mm:ss.fffffffff] to create a java.sql.Timestamp
所以,需要在前段写一些JS,在年月日后添加上时分秒及毫秒信息,注意:9个f也必须填。比如:2011-03-01 00:00:00.000000000
分享到:
相关推荐
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; } .ui-timepicker-div dl{ ...
ssm(spring+spring mvc+mybatis)高仿小米电子商城项目实例 开发环境:Eclipse ,JDK 1.8 ,Tomcat7 技术选型: 后端技术 核心框架:Spring Framework 4.3.5 视图框架:Spring MVC 4.3.5 任务调度:Spring + ...
持久层框架:MyBatis 3.4.2 + Mybatis-plus 2.0.1 日志管理:SLF4J 1.7 + Log4j2 2.7 工具类:Apache Commons、Jackson 2.2、fastjson 1.2.20 前端技术 JS框架:Jquery 表格插件:Bootstrap Table 表单验证插件:...
angularjs ui-grid datepicker 日期控件 ui-grid 双击弹出时间选择框
源码修改!绝对原创!不粘贴复制!实现日期时间框,支持中文格式!...扩展了jquery-ui-datepicker的功能。在jquery easyui datetimebox 基础上汉化,并且添加一种jquery方式调用。强化了my97的onclick事件。
jquery datepicker 的中文包 调用方法 <script src="./public/js/jquery-ui-1.10.3.min.js"> <script src="./public/js/jquery.datepicker-zh-CN.js"></script> <link href="./public/css/jqueryui/jquery-ui-...
vue2-datepicker, 用于Vue2的datepicker/datetimepicker组件 vue2-datepicker中文版Vue2的Datepicker组件 演示https://mengxiong10.github.io/vue2-datepicker/demo/index.html 安装
jquery日期插件-datepicker
jquery datepicker日期选择插件鼠标点击text jquery datepicker日期选择插件鼠标点击text jquery datepicker日期选择插件鼠标点击text jquery datepicker日期选择插件鼠标点击text
中文版的版式需要高手完善 来自于网上一高手 <script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"> jquery-ui-timepicker-addon.js 原包中的文件 <link type="text/css" href="css/ui-...
bootstrap-datepicker1.9.0.zip
最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...
日期选择插件Datepicker是一个配置灵活的插件,我们可以自定义其展示方式,包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。
jQuery-Mobile DatePicker 日期 日历 demo
datepicker 是 jQuery 日期选择插件。在线演示 标签:jQuery
jquery datepicker 能跑通的小例子
jQuery Datepicker用到的js和CSS文件 jquery-ui.css jquery-ui-timepicker-addon.css jquery-1.7.2.js jquery-ui.min.js jquery-ui-timepicker-addon.js jquery-ui-sliderAccess.js jquery-ui-timepicker-zh-CN.js
日期选择器:jquery datepicker的使用 日期选择器:jquery datepicker的使用 日期选择器:jquery datepicker的使用
jquery datepicker
jquery-ui-datepicker 实现很多效果