jquery easyui中日历控件(easyui-datebox) 现实的时间格式为:06/27/2013 如图:

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery easyui中日历控件(easyui-datebox) 现实的时间格式为:06/27/2013 如图:相关的知识,希望对你有一定的参考价值。

有没有办法让他的格式显示成: 2013-06-27

<script type="text/javascript">
$.fn.datebox.defaults.formatter = function(date)
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
;
$.fn.datebox.defaults.parser = function(s)
if (!s) return new Date();
var ss = s.split('-');
var y = parseInt(ss[0],10);
var m = parseInt(ss[1],10);
var d = parseInt(ss[2],10);
if (!isNaN(y) && !isNaN(m) && !isNaN(d))
return new Date(y,m-1,d);
 else 
return new Date();

;
 </script>

改变databox控件默认显示格式就好了,代码已贴:你可以添加在将要使用的页面内,也可以直接添加在全局Js文件中,那么所有用到databox的地方,都会使用该默认格式。

给分吧,少年!

追问

果然给力啊。

追答

必须的呵呵。

参考技术A $('#test').datebox(
formatter: function(date) return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();,
parser: function(date) return new Date(Date.parse(date.replace(/-/g,"/")));
);

如何设置jquery easyui中下拉框不可编辑

设置jqueryeasyui中下拉框不可编辑的方法:EasyUI常用控件禁用方法:1.validatebox可以用的用法:前两种适用于单个的validatebox;第三种应用于整个form里面的输入框;.$("#id").attr("readonly",true);$("#id").removeAttr("readonly");.$("#id").attr("readonly","readonly");$("#id").removeAttr("readonly");.$("#Form:input").attr("readonly","readonly");//对form里面的禁用.$("input").attr("readonly","readonly");//对所有的input标签禁用2.combobox禁用启用用法:.$("#id").combobox(disabled:true);$("#id").combobox(disabled:false);.$("#id").attr("readonly","readonly");//对单个禁用$("#id").removeAttr("readonly");.$("#fm.easyui-combobox").combobox(disabled:true);//对form里面的下拉框禁用.$("#ID").combobox("disable");------$("#ID").combobox("enable");3.datebox与datetimebox禁用启用方法:.$("#fm.easyui-datebox").datebox(disabled:true);$("#fm.easyui-datebox").datebox(disabled:false);.$("#id").attr("readonly","readonly");$("#id").removeAttr("readonly");.$("#fm.easyui-datetimebox").datetimebox(disabled:true);4.combogrid禁用启用方法:.$("#FPayApplySupAccountID").combogrid("disable");$("#FPayApplySupAccountID").combogrid("enable");5.lable标签ID附加文字:.$("#id").text("标题:");//此方法可以屏蔽掉lable标签内的文字 参考技术A 首先,利用jquery easyui中的下拉框,需要放在Java Web项目中。新建一个Java Web项目,并将相应的js和css放到目录下,并在pages目录下新建select.jsp

引入jquery easyui需要的js和css
<link rel="stylesheet" type="text/css" href="../styles/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../styles/themes/icon.css">
<link rel="stylesheet" type="text/css" href="../styles/demo.css">
<script type="text/javascript" src="../scripts/jquery.min.js"></script>
<script type="text/javascript" src="../scripts/jquery.easyui.min.js"></script>
如下图所示:

在<body></body>中插入div和select
<div style="text-align: center; vertical-align:middle; width: 100%; height: 100%;">
<select id="cc" class="easyui-combobox" style="width:200px;">
<option>苹果</option>
<option>香蕉</option>
<option>橘子</option>
<option>荔枝</option>
<option>樱桃</option>
<option>草莓</option>
<option>芒果</option>
<option>桃子</option>
<option>葡萄</option>
</select>
</div>
如下图所示:

启动Tomcat服务器,在浏览器中查看页面
http://localhost:端口号/项目名称/页面名称
查看结果如下:

现在,就要实现下拉框不可编辑的功能,要保证有修改权限的人可以修改,没有修改权限的人只能有查看,设置其不能编辑
<script type="text/javascript">
$(function()
$('#cc').combobox(
required:true,
multiple:true,
disabled:true
);
);
</script>
如下图所示:本回答被提问者采纳

以上是关于jquery easyui中日历控件(easyui-datebox) 现实的时间格式为:06/27/2013 如图:的主要内容,如果未能解决你的问题,请参考以下文章

Easyui 的日期控件单击文本框显示日历

EasyUI日历控件

第二百一十四节,jQuery EasyUI,Calendar(日历)组件

jquery.datePicker日历控件中的一个小问题?????????

jquery easyui 控件是如何封装的,请简单示例代码方法

怎么给easyui 时间控件赋值