angular ui-bootstrap日期控件怎么显示成中文

 我来答
huanglenzhi
2015-12-28 · 知道合伙人数码行家
huanglenzhi
知道合伙人数码行家
采纳数:117538 获赞数:517199
长期从事计算机组装,维护,网络组建及管理。对计算机硬件、操作系统安装、典型网络设备具有详细认知。

向TA提问 私信TA
展开全部
1.引入中文国际化文件angular-locale_zh-cn.js 然后大部分控件就可以显示中文了。

2. 还不够,有些按钮(today,clear,close)还不能显示中文,
2.1)需要修改angular-locale_zh-cn.js ,对DATETIME_FORMATS增加三个中文键值对:

"DATETIME_FORMATS": {
"TODAY":"\u4eca\u5929",
"CLEAR":"\u6e05\u7a7a",
"CLOSE":"\u5173\u95ed",

2.2) 还不行,today,clear,close等按钮还不能国际化,还需修改ui-bootstrap-tpls-0.13.0.js

主要修改的ui-bootstrap-tpls-0.13.0.js文件中指令datepickerPopup,
你可以参照我的github fork的分支作的修改:

3.对于第2步修改,你觉得麻烦的话,我可以教你一个省事的法子,这基于你对angular 指令定义要有较好的理解,
具体做法是,在datepicker-popup指令定义的地方,增加属性current-text,clear-text, close-text的定义

例如:current-text="今天"

<div class="col-md-6">
<p class="input-group">
<input type="date" class="form-control" current-text="今天" datepicker-popup ng-model="dt" is-open="opened" min-date="minDate" max-date="'2015-06-22'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
<span class="input-group-btn">
<button type="button" class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>

------------------------------------------------------------------------------------------------------------------------------------------------------

2.2具体修改以下部分:
修改 ui-bootstrap-tpls-0.13.0.js的指令datepickerPopup

指令datepickerPopup的定义依赖增加$locale,并新加以下片段
scope['currentText']=$locale.DATETIME_FORMATS.TODAY||scope['currentText'];
scope['clearText']=$locale.DATETIME_FORMATS.CLEAR||scope['clearText'];
scope['closeText']=$locale.DATETIME_FORMATS.CLOSE||scope['closeText'];
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式