首先是引入UI的JS文件和模板文件,如下:

 <link rel=”stylesheet” href=”./ui/themes/le-frog/jquery.ui.all.css”>

 <script src=”./ui/jquery.ui.core.js”></script>
 <script src=”./ui/jquery.ui.widget.js”></script>
 <script src=”./ui/jquery.ui.datepicker.js”></script>

 然后下面就是设置文件了:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
	$(function() {
		$( "#datepicker" ).datepicker();
	});
	jQuery(function($){  
                $.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']);  
});

OK了,就这么简单。有用的朋友直接复制代码过去就OK了。

自由转载,转载请注明: 转载自WEB开发笔记 www.chhua.com

本文链接地址: jQuery UI的datepicker日期控件如何让他显示中文 http://www.chhua.com/web-note3249

随机笔记

更多