您的位置:首页 > Web前端 > JQuery

使用jquery easyui datetimebox 设置默认时间

2015-08-17 17:28 671 查看
项目中用到了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 设置默认时间。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: