easyUI 日期控件修改...
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。
个人觉得easyUI挺好用的。
它的中文文档地址: http://www.zi-han.net/case/easyui/
日期本来效果是这样的:
改为中式的,方法如下:
首先是月份的,找到下面的代码:
(这段代码在 jquery.easyui.min.js 中,Ctrl+F 查找"Jan",一下就找到了。)
1 $.fn.calendar.parseOptions=function(_454){
2 var t=$(_454);
3 return $.extend({},$.parser.parseOptions(_454,["width","height",{firstDay:"number",fit:"boolean",border:"boolean"}]));
4 };
5 $.fn.calendar.defaults={width:180,height:180,fit:false,border:true,firstDay:0,weeks:["S","M","T","W","T","F","S"],months:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],year:new Date().getFullYear(),month:new Date().getMonth()+1,current:new Date(),onSelect:function(date){
6 }};
7 })(jQuery);
改成下面的对应的
1 $.fn.calendar.parseOptions=function(_454){
2 var t=$(_454);
3 return $.extend({},$.parser.parseOptions(_454,["width","height",{firstDay:"number",fit:"boolean",border:"boolean"}]));
4 };
5 $.fn.calendar.defaults={width:180,height:180,fit:false,border:true,firstDay:0,weeks:["一", "二", "三", "四", "五", "六", "日"], months:["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"], year:new Date().getFullYear(),month:new Date().getMonth()+1,current:new Date(),onSelect:function(date){
6 }};
7 })(jQuery);
today、close 改为 :今天、关闭。 方法同上。
格式修改,默认的是月/日/年的格式,如果换成的2016-07-28这样的,官方也给出了代码,如下:
1 <!DOCTYPE html>2 <html>3 <head>4 <meta charset="UTF-8">5 <title>Basic DateBox - jQuery EasyUI Demo</title>6 <link rel="stylesheet" type="text/css" href="css/easyui.css">7 <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>8 <script type="text/javascript" src="js/jquery.easyui.min.js"></script>9 </head>
10 <body>
11 <div class="date">
12 <input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser"></input>
13 </div>
14 </body>
15 <script type="text/javascript">
16 function myformatter(date){
17 var y = date.getFullYear();
18 var m = date.getMonth()+1;
19 var d = date.getDate();
20 return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
21 }
22 function myparser(s){
23 if (!s) return new Date();
24 var ss = (s.split('-'));
25 var y = parseInt(ss[0],10);
26 var m = parseInt(ss[1],10);
27 var d = parseInt(ss[2],10);
28 if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
29 return new Date(y,m-1,d);
30 }else{
31 return new Date();
32 }
33 }
34 </script>
35 </html>
就是在自己的代码里给日期标签 加上属性:data-options="formatter:myformatter,parser:myparser" 并且如图写上那两个 function... 就行了。
现在效果:
其实我还想改它的基调色彩,还在找改法。 谁知道怎么改,请告诉我。
在管网上似乎看到过我想要的那个效果,基调是gray色调的。
参考:http://www.cnblogs.com/asqq/archive/2013/05/27/3195001.html
easyUI 日期控件修改...相关推荐
- html只能选择年月,EasyUi日期控件datebox设置,只显示年月,也只能选择年月
EasyUi日期控件datebox设置,只显示年月,也只能选择年月 1.input 代码 年月 1 2 3 4 5 6 7 8 2.设置只显示年月,只能选持年月: $(function() { $(' ...
- laydate日期控件修改去除秒保留时分
加载js <script type="text/javascript" src="${ctx}/static/laydate/laydate.js"> ...
- easyui 日期控件增加清空按钮
由于项目代码easyUI版本是1.3.3,需要直接修改库文件 原: 修改后: 注:https://blog.csdn.net/xuhb/article/details/40826977 https:/ ...
- easyui日期控件datebox的onchange事件
<input type="text" id="date_" name="date_" class="easyui-dateb ...
- 修改的梅花雪的日期控件。。只是一些小改动
根据梅花雪的日期控件修改而来做了一些小扩充,样式做了一些调整 转载请注明原作者是梅花雪,假正经哥哥只是做了小修改,谢谢大家, 调用实例图片的样式实例调用,api 参考原说明文档 <script ...
- Wdatepicker日期控件的使用指南
示例2-3-1 起始日期简单应用 示例2-3-2 alwaysUseStartDate属性应用 示例2-3-3 使用内置参数 示例 2-4-1: 年月日时分秒 示例 2-4-2 时分秒 示例 2-4- ...
- BlogEngine .NET 日期控件显示问题
日期控件中只显示"星期"的问题的解决: 1. 打开"widgets\Calendar\widget.ascx"文件 2. 找到控件标签: <blog:Po ...
- bootstrop 日期控件 datepicker被弹出框dialog覆盖的解决办法
筒子们在使用bootstrap的日期控件(datepicker , 现在官网提供的名称叫 datetimepicker)时可能会遇到如上图的问题这是啥原因造成的呢? 答案很简单时输出的优先级造成的(z ...
- Android日期控件如何兼容不同手机
============问题描述============ 请看图 但是,在小米或者华为手机上,日期控件却显示 2014-09月-03 ,月份一栏中多了一个"月"字,这种感觉很不爽: ...
最新文章
- 统计文件中每个单词出现的次数
- openresty开发系列30--openresty中使用http模块
- PAT (Basic Level) Practice (中文)1014 福尔摩斯的约会 (20 分)
- having and group by
- List接口的常用方法以及ArrayList/LinkedList源码分析
- 跨平台桌面应用开发工具Electron v11.0.4
- RTT的IPC机制篇——邮箱
- it营Typescript学习笔记02(基础完结)模块,命名空间,装饰器
- Win7/10 远程桌面发生验证错误 要求的函数不受支持 一键解决
- 银联支付接口申请-手机控件支付
- Exploring 3-D–2-D CNN Feature Hierarchy for Hyperspectral Image Classification翻译全文
- HTML表格表格标签的属性
- selenium+python爬取京东评论最多的计算机配置信息
- 算法之红黑树/JAVA
- python: npy数据写入excel文件
- Haiwell Cloud Scada Designer 3
- 小学计算机教师用书,九年义务教育小学教科书-信息技术(第五册)(教师用书).pdf...
- 大数据技术特点及优势有哪些
- 4am永远 鼠标按键设置_可换微动的三模游戏鼠标:华硕ROG烈刃2体验
- bootstrap搭建后台管理页面
热门文章
- 2019年总结【跨越今天,更不平凡】
- 【POJ - 1947】Rebuilding Roads (树形dp,背包问题,树形背包dp)
- nutch mysql solr_Nutch2.1+mysql+solr3.6.1+中文网站抓取
- vue css自定义标签,Vue如何使用CSS自定义变量
- C语言用字符串sex储存,2005年计算机等级考试二级C语言全真标准预测试卷(2)
- 跟世界打个招呼c语言编程,(一)helloworld
- 华为服务器怎么查看系统日志,华为日志服务器
- 本地网页服务器 跨域,nodejs搭建本地服务器轻松解决跨域问题
- C++:22 再议const的作用(上)
- pytorch学习 入门篇(一)