使用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 设置默认时间。

使用jquery easyui datetimebox 设置默认时间相关推荐

EasyUI DateTimeBox设置默认时间的注意点
转载于:https://www.cnblogs.com/dunitian/p/4330707.html
jquery easyui combobox设置默认选中第一项
combobox的内容是从后台获取的json, js截取: var data = $('#id').combobox('getData'); $("#id ").combobox ...
Mysql中设置默认时间为当前值
1.直接在创建表时添加该列并声明默认值,如下: CREATE TABLE `table1` (`id` int(11) NOT NULL,`createtime` timestamp NULL def ...
DateTimePicker 日期时间选择器设置默认时间
DateTimePicker 日期时间选择器设置默认时间 default-value属性接受一个数组,第一项为开始时间,第二项为结束时间,时间格式为:"YY-mm-dd HH:mm:ss&q ...
Element ui 设置默认时间显示
element ui 选择时间组件: 需求:实现默认时间定位于当前时间延后7天的日期:且当前时间之前的日期不能选: html部分: <el-date-pickerv-model="sh ...
el日期选择器设置默认时间
我们再用el进行开发时使用日期选择器的时候会遇到设置默认事件的需求,我的解决方式在一个js文件里设置好时间格式例如: 格式为yyyy-mm-dd const base = {/*** 返回日期格式 ...
EasyUI:easyui-combogrid(设置默认值)
为什么80%的码农都做不了架构师?>>> //修改前的查询 function openAppBianliang() {$("#updateForm").fo ...
EasyUI Combobox 设置默认值
/** *绑定运营商,设置默认值, 显示CMCC, 传值1 */ $('#operatingId').combobox({ url:'data_url', valueField:'id', textF ...
easyui validatebox设置默认值时去掉校验
//校验失败时 <input id="email" type="text" class="easyui-validatebox validate ...

使用jquery easyui datetimebox 设置默认时间

使用jquery easyui datetimebox 设置默认时间相关推荐

最新文章

热门文章