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 combobox级联
- easyui datebox的用法
- easyui layout 自适应
- easyui messager的用法
- easyui layout 折叠后显示标题
- EasyUI DateBox设置默认值
- easyui combogrid分页
- easyui中使用编辑器在IE下有时无法获取焦点
- easyUI DataGrid 显示可排序的列
- EasyUI DataGird动态生成列
- 如何看待美国数十万加仑牛奶倒下水道 历史又重演了(如何看待美国数十万加仑牛奶倒下水道)
- 历史惊人的相似,美国80万加仑牛奶倒入下水道,意味着什么(历史惊人的相似)
- 美国数十万加仑牛奶倒进下水道,世界会重演1929年的大萧条吗(美国数十万加仑牛奶倒进下水道)
- 美国数十万加仑牛奶倒入下水道,贫民区食不果腹,历史再次重演(美国数十万加仑牛奶倒入下水道)
- 美国倒掉数十万加仑牛奶 上热搜第一,这一幕似曾相识(美国倒掉数十万加仑牛奶)
- 深度 倒牛奶 这一幕为何又在美国上演(深度倒牛奶)
热门推荐
- python3下urllib案例(URL Rewrite Module 2.1 URL重写模块规则写法)
- windows 10家庭版上安装docker(win10家庭版安装Docker的方法步骤)
- 图片如何存放在mysql中(将图片保存到mysql数据库并展示在前端页面的实现代码)
- thinkphp5开发小程序后台(PHP小程序支付功能完整版基于thinkPHP)
- navicat连接mysql报错(解决Navicat Premium 连接 MySQL 8.0 报错"1251"的问题分析)
- 网站部署到云服务可以访问吗(使用云服务器建站网站崩溃怎么办?)
- 虚拟主机有几种(如何辨别虚拟主机的好坏?)
- sql数值函数大全(sql中mod函数取余数的用法)
- kubernetes 虚拟机安装(VirtualBox+Ubuntu16搭建Kubernetes集群的实现)
- python简单代码画图(python+pyqt5实现图片批量缩放工具)