使用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 设置默认时间。
通过查找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 设置默认时间。
相关文章推荐
- jQuery动态加载css文件
- jquery的要点
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- jquery 1.9里面已经删除了toggle(fn1, fn2)函数
- jQuery操作复选框的简单使用
- JQuery方式实现行删除
- jquery 中 change input 事件失效
- jquery基础精华04(02)
- 基于jQuery的前端如何做到无伤迁移
- 基于jquery的响应式提示框SweetAlert
- jquery核心方法《探究》
- Jquery-DataTable 使用介绍
- 消除jquery Mobile自动添加的样式
- 定位锚平滑滚动jQuery代码
- 常见26个jquery使用技巧详解(比如禁止右键点击、隐藏文本框文字等)
- JQuery EasyUI DataGrid 获取属性值
- Js、Jquery字符串数字比较大小。
- JS,Jquery获取各种屏幕的宽度和高度
- jquery 插件开发基础知识
- jQuery Ajax 实例 全解析