jQuery DatePicker显示中文(本地化)

jquery-datepicker内置了对本地化的支持,在i18n/目录下放置了各种语言的本地化配置。在使用时引入对应的文件即可。

i18n目录:https://github.com/jquery/jquery-ui/tree/master/ui/i18n

查看datepicker-zh-CN.js的源码配置如下:

/* Chinese initialisation for the jQuery UI date picker plugin. */
/* Written by Cloudream (cloudream@gmail.com). */
( function( factory ) {
	if ( typeof define === "function" && define.amd ) {

		// AMD. Register as an anonymous module.
		define( [ "../widgets/datepicker" ], factory );
	} else {

		// Browser globals
		factory( jQuery.datepicker );
	}
}( function( datepicker ) {

datepicker.regional[ "zh-CN" ] = {
	closeText: "关闭",
	prevText: "<上月",
	nextText: "下月>",
	currentText: "今天",
	monthNames: [ "一月","二月","三月","四月","五月","六月",
	"七月","八月","九月","十月","十一月","十二月" ],
	monthNamesShort: [ "一月","二月","三月","四月","五月","六月",
	"七月","八月","九月","十月","十一月","十二月" ],
	dayNames: [ "星期日","星期一","星期二","星期三","星期四","星期五","星期六" ],
	dayNamesShort: [ "周日","周一","周二","周三","周四","周五","周六" ],
	dayNamesMin: [ "日","一","二","三","四","五","六" ],
	weekHeader: "周",
	dateFormat: "yy-mm-dd",
	firstDay: 1,
	isRTL: false,
	showMonthAfterYear: true,
	yearSuffix: "年" };
datepicker.setDefaults( datepicker.regional[ "zh-CN" ] );

return datepicker.regional[ "zh-CN" ];

} ) );

使用本地化配置文件示例:

<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Datepicker</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script src="i18n/datepicker-zh-CN.js"></script>
  <script>
  $( function() {
    $( "#datepicker" ).datepicker( $.datepicker.regional[ "zh-CN" ] );
  } );
  </script>
</head>
<body>
<p>日期: <input type="text" id="datepicker">&nbsp;</p>
</body>
</html>

版权声明:著作权归作者所有。

相关推荐

Git重命名本地和远程分支

1、在本地新建分支git branch -m old_branch new_branch 2、unset-upstream新分支git branch --unset-upstream new_branch 这是为了避免新分支还会使用旧分支名push到远程服务器。3、关联新分支到远程服务器git push --

jquery检查元素是否可见

在jquery里,隐藏或显示元素可以分别使用.hide()和.show()。$("#myid").show(); $("#myid").hide(); 有时我们需要检查元素是否可见,从而根据元素的可见性做出处理。jquery里可以使用is(":visible")可见:$(element).is(":visible");

Git删除本地和远程分支

Git删除本地分支有两种方法删除本地分支$ git branch -d <branch_name> $ git branch -D <branch_name> -d:--delete的简写-D:--delete --force的简写Git删除远程分支Git v2.8.0$&n

Node.js在server端使用jQuery

Node.js在server端使用jQuery来做DOM操作。安装jQuerynpm install jQuery var $ = require('jQuery'); 直接使用var title = $(html).find('title').text(); $("<h1>你好</h1&g

Angular CLI 集成jQuery

Angular CLI有两种方式集成jQuery:以全局方式导入和以模块方式导入。安装在导入jQuery之前需要先安装:npm install jquery --save npm install @types/jquery --save 全局方式在.angular-cli.json的app.scripts引入jquery&quo

禁止UITableView选中高亮显示

去掉UITableViewCell的Selection style即可Objective-Ccell.selectionStyle = UITableViewCellSelectionStyleNone; 或者[cell setSelectionStyle:UITableViewCellSelectionStyleNone]; Swift 2cel