博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui日期在未加载easyui-lang-zh_CN.js出现英文的情况下加载中文的方法
阅读量:5145 次
发布时间:2019-06-13

本文共 5223 字,大约阅读时间需要 17 分钟。

      我们有时候在操作easyui的时候本来是加载了easyui-lang-zh_CN.js中文文件包,但是还是出现了英文。使得我们不得埋怨这框架咋这么不好用,其实我们仔细看看这个中文包就会发现里面很多都是重新修改了定义语言的参数。假如我们用jquery初始化加载方法$(function(){//这里是我们自定义的操作方法});这个方法里面的东西执行后发现更本没加载我们的中文下面是我写的datetimebox日期控件js代码:

$(function () {           function adddaytimes() {                    $("#ExpireTime").datetimebox("setValue", seprateDateString($("#ReleaseTime").datetimebox("getValue")));            }            $("#ReleaseTime").datetimebox({                onChange: adddaytimes            });    });

 即使我在页面中导入这个中文包:    <script src="../easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>

在表单加载的时候同样会出现英文,纠结了很久最后不得不想起查看这个中文包到底怎么定义的。

我们先打开看看这个中文包文件,到底有什么内容:

if ($.fn.pagination){	$.fn.pagination.defaults.beforePageText = '第';	$.fn.pagination.defaults.afterPageText = '共{pages}页';	$.fn.pagination.defaults.displayMsg = '显示{from}到{to},共{total}记录';}if ($.fn.datagrid){	$.fn.datagrid.defaults.loadMsg = '正在处理,请稍待。。。';}if ($.fn.treegrid && $.fn.datagrid){	$.fn.treegrid.defaults.loadMsg = $.fn.datagrid.defaults.loadMsg;}if ($.messager){	$.messager.defaults.ok = '确定';	$.messager.defaults.cancel = '取消';}if ($.fn.validatebox){	$.fn.validatebox.defaults.missingMessage = '该输入项为必输项';	$.fn.validatebox.defaults.rules.email.message = '请输入有效的电子邮件地址';	$.fn.validatebox.defaults.rules.url.message = '请输入有效的URL地址';	$.fn.validatebox.defaults.rules.length.message = '输入内容长度必须介于{0}和{1}之间';	$.fn.validatebox.defaults.rules.remote.message = '请修正该字段';	$.fn.validatebox.defaults.rules.mphone.message = '请输入11位手机号.';	$.fn.validatebox.defaults.rules.phone.message = '号码格式010-12345678 ';}if ($.fn.numberbox){	$.fn.numberbox.defaults.missingMessage = '该输入项为必输项';}if ($.fn.combobox){	$.fn.combobox.defaults.missingMessage = '该输入项为必输项';}if ($.fn.combotree){	$.fn.combotree.defaults.missingMessage = '该输入项为必输项';}if ($.fn.combogrid){	$.fn.combogrid.defaults.missingMessage = '该输入项为必输项';}if ($.fn.calendar){	$.fn.calendar.defaults.weeks = ['日','一','二','三','四','五','六'];	$.fn.calendar.defaults.months = ['一月','二月','三月','四月','五月','六月','七月','八月','九月','十月','十一月','十二月'];}if ($.fn.datebox){	$.fn.datebox.defaults.currentText = '今天';	$.fn.datebox.defaults.closeText = '关闭';	$.fn.datebox.defaults.okText = '确定';	$.fn.datebox.defaults.missingMessage = '该输入项为必输项';	$.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();		}	};}if ($.fn.datetimebox && $.fn.datebox){	$.extend($.fn.datetimebox.defaults,{		currentText: $.fn.datebox.defaults.currentText,		closeText: $.fn.datebox.defaults.closeText,		okText: $.fn.datebox.defaults.okText,		missingMessage: $.fn.datebox.defaults.missingMessage	});}

 上面可以看出这个js文件里面并没有什么东西,很简单的,就是一些自定义参数并设置为中文。接下来就简单了,我们可以把引用到的控件语言设置函数放到初始化方法中即可。

$(function () {            if ($.fn.calendar) {                $.fn.calendar.defaults.weeks = ['日', '一', '二', '三', '四', '五', '六'];                $.fn.calendar.defaults.months = ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'];            }            if ($.fn.datebox) {                $.fn.datebox.defaults.currentText = '今天';                $.fn.datebox.defaults.closeText = '关闭';                $.fn.datebox.defaults.okText = '确定';                $.fn.datebox.defaults.missingMessage = '该输入项为必输项';                $.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();                    }                };            }            if ($.fn.datetimebox && $.fn.datebox) {                $.extend($.fn.datetimebox.defaults, {                    currentText: $.fn.datebox.defaults.currentText,                    closeText: $.fn.datebox.defaults.closeText,                    okText: $.fn.datebox.defaults.okText,                    missingMessage: $.fn.datebox.defaults.missingMessage                });            }            function adddaytimes() {                    $("#ExpireTime").datetimebox("setValue", seprateDateString($("#ReleaseTime").datetimebox("getValue")));            }            $("#ReleaseTime").datetimebox({                onChange: adddaytimes            });        });

 点击表单查看,由原来的英文变成了中文。希望遇到这样问题的同学,可以帮助到你。还有更好的方法大家可以分享分享。

 

转载于:https://www.cnblogs.com/angelasp/p/3891450.html

你可能感兴趣的文章
macOS10.12允许所有来源设置
查看>>
C++有关 const & 内敛 & 友元&静态成员那些事
查看>>
函数积累
查看>>
python搜索引擎(转)
查看>>
关于height,line-height导致的样式混乱的问题
查看>>
《SEO实战密码》读后一点感受
查看>>
bzoj 4815 [Cqoi2017]小Q的表格——反演+分块
查看>>
Swift 入门之简单语法(六)
查看>>
shim和polyfill有什么区别
查看>>
Failed to load the JNI shared library “E:/2000/Java/JDK6/bin/..jre/bin/client/jvm.dll
查看>>
〖Python〗-- IO多路复用
查看>>
栈(括号匹配)
查看>>
夜太美---酒不醉--人自醉
查看>>
Java学习 · 初识 面向对象深入一
查看>>
源代码如何管理
查看>>
vue怎么将一个组件引入另一个组件?
查看>>
bzoj1040: [ZJOI2008]骑士
查看>>
LeetCode 74. Search a 2D Matrix(搜索二维矩阵)
查看>>
利用SignalR来同步更新Winfrom
查看>>
反射机制
查看>>