使用jquery easyui datetimebox 设置默认时间

项目中用到了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 设置默认时间。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值