1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 使用jquery easyui datetimebox 设置默认时间

使用jquery easyui datetimebox 设置默认时间

时间:2022-03-14 14:09:15

相关推荐

使用jquery easyui  datetimebox  设置默认时间

项目中用到了jquery easyui datetimebox 设置默认时间,需要将数据库一个对象的“创建时间”字段,在JSP中设置为默认时间显示。

通过查找jquery esayui 的API,有一$("#xx").datetimebox('setValue','-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="/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 设置默认时间。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。