项目中用到了jquery easyui datetimebox 设置默认时间,需要将数据库一个对象的“创建时间”字段,在JSP中设置为默认时间显示。
通过查找jquery esayui 的API,有一$("#xx").datetimebox('setValue','2015-08-09 12:23:54');
注意:由于我引用了,<script type="text/javascript" src="**/jquery-easyui-1.4.2/locale/easyui-lang-zh_CN.js"></script>,所以,需要yyyy-MM-dd HH:MM:ss的时间格式;
这里提供两种方式,实现该操作:
第一种,在后台操作将数据库中对象一个属性时间,转换为你需要的格式:如,yyyy-MM-dd HH:MM:ss
SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd HH:MM:ss");
String dateForm = sdf.format(article.getActicleDate());
request.setAttribute('dateForm','dateForm');
在JSP页面中,
$(document).ready(function(){
$("#xxx").datetimebox('setValue','${dateForm }');
});
注意:红色字体部分,使用${dateForm}时,要用引号将之包起来,否则会报 SCRIPT1006: 缺少 ')' ;
第二种,在JSP页面中,使用Date对象,对时间进行操作,获得你想要的时间格式;
var date = new Date('${xxx.date}');
var dateForm = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+date.getHours()+":"+date.getMinutes()+":"+date.getSeconds();
$("#xxx").datetimebox('setValue',dateForm);
第三种,使用<fmt:dateformat>格式化时间;
引入标签:<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
在js中使用fmt,直接对时间进行格式化,例如:
function dijian(){
alert('<fmt:formatDate value="${article.acticleDate}" type="both" pattern="yyyy-MM-dd HH:mm:ss"/>');
}
结果:
然后,直接使用即可!
使用以上几种方法,便可对jquery easyui datetimebox 设置默认时间。