jquery ui 中 datepicker的汉化

最新推荐文章于 2018-08-25 14:27:52 发布

栁罗风尘

最新推荐文章于 2018-08-25 14:27:52 发布

阅读量3.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery ui 文章标签： jquery ui datepicker

本文链接：https://blog.youkuaiyun.com/wujiangwei567/article/details/40405455

jquery ui 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何使用jQueryUI为日期选择器设置个性化的日期格式、星期格式和月份格式，包括实例代码演示。

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

首先上 html代码

<!--为防止一个页面出现多个id 我们改用class 
    为防止手工填写格式出错 我们设置属性为 readonly
	只能选 ，不能填 ok
-->
<input type="text" class="datepicker" readonly="readonly"/>

然后是jquery ui 初始化部分代码

//日期格式改变
$( ".datepicker" ).datepicker({dateFormat: "yy-mm-dd"});
//星期格式汉化
$( ".datepicker" ).datepicker( "option", "dayNamesMin",[ "日", "一", "二", "三", "四", "五", "六" ] ); 
//月份格式汉化
$( ".datepicker" ).datepicker( "option", "monthNames", [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ] );

注：jquery ui 的设置有两种，一种是在初始化的时候就填入参数
另一种是在初始化之后，在设置参数。这里为了说明参数选项，我们选择的第二种方式来讲解。

效果图：