EasyUI DateBox设置默认值
类别:Web前端 浏览量:538
时间:2015-11-17 EasyUI DateBox设置默认值
EasyUI DateBox设置默认值EasyUI中将DateBox的默认值设置成yyyy-mm-dd格式的方法
实例一
<li style="margin:20px 0;"></li> 定义日期格式: <input class="easyui-datetimebox" data-options="formatter:dateformatter,parser:dateparser" style="width:200px;"> yyyy年mm月dd日hh点</input> <script type="text/javascript"> function dateformatter(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var h = date.getHours(); return y+'年'+(m<10?('0'+m):m)+'月'+(d<10?('0'+d):d)+'日'+(h<10?('0'+h):h)+'点'; } function dateparser(s){ var reg=/[\\u4e00-\\u9fa5]/ //利用正则表达式分隔 var ss = (s.split(reg)); var y = parseInt(ss[0],10); var m = parseInt(ss[1],10); var d = parseInt(ss[2],10); var h = parseInt(ss[3],10); if (!isNaN(y) && !isNaN(m) && !isNaN(d) && !isNaN(h)){ return new Date(y,m-1,d,h); } else { return new Date(); } } </script>
效果图
实例二
<input id="txtBeginTime" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input> <b>--</b>
<input id="txtEndTime" class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input>
<script>
function myformatter(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);
}
function myparser(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();
}
}
//页面加载
$(function(){
//设置时间
var curr_time = new Date();
$("#txtBeginTime").datebox("setValue",myformatter(curr_time));
$("#txtEndTime").datebox("setValue",myformatter(curr_time));
//获取时间
var beginTime=$("#txtBeginTime").datebox("getValue");
var endTime=$("#txtEndTime").datebox("getValue");
});
</script>
标签:EasyUI
您可能感兴趣
- EasyUI DataGird动态生成列
- EasyUI DateBox设置默认值
- easyui中使用编辑器在IE下有时无法获取焦点
- easyui messager的用法
- easyUI DataGrid 显示可排序的列
- easyui combogrid分页
- easyui datebox的用法
- easyui combobox级联
- easyui layout 自适应
- easyui layout 折叠后显示标题
- 前《iLOOK》时装总监 《快乐大本营》御用造型师上线(快乐大本营御用造型师上线)
- 释小龙晒杀青照片 多重身份惹观众期待(释小龙晒杀青照片)
- 《九牛之人降魔传》开机 演员祁高坤化身九牛之人除魔卫道(九牛之人降魔传开机)
- 王铲铲的致富之路无限金币卡法攻略教学(王铲铲的致富之路无限金币卡法攻略教学)
- 文明6金币太少怎么办 文明6无限刷钱教程(文明6金币太少怎么办)
- 开国中将,王牌军63军首任政委,两个连襟一个上将一个少将传为佳话(王牌军63军首任政委)
热门推荐
- 用js编写tab栏切换(JavaScript实现简易tab栏切换内容栏)
- serv-u的默认端口号(Serv-U 8.0 服务器中文乱码问题的解决)
- 企业会怎样筛选简历
- dockerfile构建镜像两种方式(通过Dockerfile构建Docker镜像的方法步骤)
- kubernetes的安全机制(浅析kubernetes的控制器和标签)
- php目录函数创建教程(PHP下载文件函数与用法示例)
- js获取子表单所有数据(JavaScript实现异步提交表单数据)
- 上不了网怎么知道错误代码(访问网站出现508状态码的解决方法)
- mysql mvcc 隔离级别(详解MySQL事务的隔离级别与MVCC)
- python3字符串怎么操作(Python3字符串encode与decode的讲解)