jquery-ui datepicker 时间插件汉化

最新推荐文章于 2018-12-26 15:32:03 发布

孺子牛牛

最新推荐文章于 2018-12-26 15:32:03 发布

阅读量823

点赞数 1

CC 4.0 BY-SA版权

分类专栏：随笔日志文章标签： jquery-ui 时间插件汉化 datepicker

本文链接：https://blog.youkuaiyun.com/caileigood/article/details/82051131

随笔日志专栏收录该内容

23 篇文章

订阅专栏

博客介绍了在JSP页面引入datepicker插件并进行汉化的相关内容，包含引入datepicker - cn.js、编写HTML代码、进行JS调用，最后呈现页面效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jsp页面引入

<script src="<%=basePath %>js/jquery.js"></script>
<script src="<%=basePath %>js/new_supervision/jquery-ui.min.js"></script>
 <script src="<%=basePath %>js/new_supervision/datepicker-cn.js"></script> 
<link rel="stylesheet" href="<%=basePath %>css/new_supervision/jquery-ui.min.css">

datepicker-cn.js

jQuery(function($) {
	$.datepicker.regional['zh-CN'] = {
		clearText : '清除',
		clearStatus : '清除已选日期',
		closeText : '关闭',
		closeStatus : '不改变当前选择',
		prevText : '< 上月',
		prevStatus : '显示上月',
		prevBigText : '<<',
		prevBigStatus : '显示上一年',
		nextText : '下月>',
		nextStatus : '显示下月',
		nextBigText : '>>',
		nextBigStatus : '显示下一年',
		currentText : '今天',
		currentStatus : '显示本月',
		monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月',
				'十月', '十一月', '十二月' ],
		monthNamesShort : [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月',
				'九月', '十月', '十一月', '十二月' ],
		monthStatus : '选择月份',
		yearStatus : '选择年份',
		weekHeader : '周',
		weekStatus : '年内周次',
		dayNames : [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ],
		dayNamesShort : [ '周日', '周一', '周二', '周三', '周四', '周五', '周六' ],
		dayNamesMin : [ '日', '一', '二', '三', '四', '五', '六' ],
		dayStatus : '设置 DD 为一周起始',
		dateStatus : '选择 m月 d日, DD',
		dateFormat : 'yy-mm-dd',
		firstDay : 1,
		initStatus : '请选择日期',
		isRTL : false
	};
	$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});

html代码

<input type="text" class="time_select" id="start_time" readonly>
~ <input type="text" class="time_select" id="end_time" readonly>

js调用

$(".time_select").datepicker();
$(".time_select").datepicker("option", "dateFormat", 'yy-mm-dd');

页面效果