MiniUI日期选择框MonthPicker英文修改为中文

一、详细内容及解决方案

　正常MIniUI的MonthPicker中的月份和星期默认是英文的，我百度搜索关于这个问题的博客少之又少，下面说下解决办法，非常简单。

<input id="date1" class="mini-monthpicker" value="" allowInput="false" showTodayButton="false" onvaluechanged="onDateChanged"/>

只需要在前台页面中加入：

$(function() {    mini.Calendar.prototype.okText = "确定";    mini.Calendar.prototype.cancelText = "取消";    mini.dateInfo.monthsShort = ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"];});

日历按钮按钮显示对应（根据实际情况选择）：

mini.Calendar.prototype.okText = "确定";mini.Calendar.prototype.cancelText = "取消";mini.Calendar.prototype.todayText = "今天";mini.Calendar.prototype.clearText = "清除";

二、思路

   我在网上查了很长时间，也有人提出这个问题，但是没有看到一个靠谱的解答。那么，这时候我有两个方向：要么借鉴前辈的代码，要么自己看源码。我简单看了一下前辈的代码，由于项目很大，发现其中一种是重写js方法，非常麻烦。所以最后我还是自己看源码寻找，在其js中搜索关键字就会发现对应的属性，那么我们只需要重新给这个属性赋值即可。

转载于:https://www.cnblogs.com/overfly/p/11261324.html

MiniUI日期选择框MonthPicker英文修改为中文相关推荐

如何在element-plus配套vue3中使用日期时间选择器默认英文修改为中文
element-plus版本1.0.2-beta.59(包含59)之后可以这样用 Element Plus 组件内部默认使用英语,我们通常会碰到需要修改语言的需求,比如修改为中文. 如果你的项目是在使 ...
vue3+element-plus 配套使用日期时间选择器默认英文修改为中文完整引入和按需引入
默认情况行如下: 一.按需引入的解决方案: 在你使用日期选择器的vue文件夹 1.引入: import zhCn from "element-plus/lib/locale/lang/zh ...
react 使用antd的日期选择框中文失效，只有年为中文，其他为英文。
环境: antd: 版本 4.22.4 react:版本 18.2.0 报错截图: 从 antd 引入的 DatePicker 日期选择框,按照国际化配置,全局的引入中文包,但是生效的只有年是中文, ...
【NG-ZORRO、Angular】日期选择框时间段nz-range-picker设置开始结束时间00:00:00~23:59:59
<nz-range-picker [(ngModel)]="dateRange" nzFormat="yyyy-MM-dd HH:mm:ss" style ...
nui— DatePicker：日期选择框
5.12 DatePicker:日期选择框转至元数据结尾创建: 未知用户 (zhangping),最新修改于: 八月 07, 2015 转至元数据起始创建DatePicker 只需要一个id即可 ...
antdv 日期选择框date-picker中英文混显问题解决
ant-design-vue v3版本,日期选择框中月份和星期都显示英文,其它显示中文的情况,只需要在全局入口或局部组件内导入dayjs的locale即可,不需要设置dayjs的locale.(v2版 ...
html日期选择框_第十课日期选择框（datepicker）的操作
有客户问:datepicker是怎么操作的? 我答:datepicker可以直接用"输入文本"组件. 客户说:不是,现在我操作的这个网页上datepicker是不能直接输入的,否则 ...
Vue指定日期选择框的值--自动计算过期时间
在开发过程中,有时需要对日期选择框设置一个默认值(比如当天.前几天或者是后几天)?如何自动计算过期时间?具体怎么实现呢,我们一起来看下. 本文主要根据两个小案例来讲解通过js设定日期控件的值, ...
Ant组件——DatePicker 日期选择框
相关文档 DatePicker 日期选择框业务需求设置两个时间选择框,一个是开始时间,一个是结束时间,两者相互制约,开始不能早于结束,结束不能小于开始代码示例 1.html <a-form ...
前端——》ant-design-vue组件的使用之四（DatePicker 日期选择框和Calendar日历的使用）
日期选择器的赋值与取值效果实现方式如图所示日期选择框的实现代码如下所示 html代码如下: <a-date-picker v-model="form.taskStartAt&qu ...

MiniUI日期选择框MonthPicker英文修改为中文

MiniUI日期选择框MonthPicker英文修改为中文相关推荐

最新文章

热门文章