Bootstrap-datepicker插件中默认英文转为中文

最新推荐文章于 2025-06-03 09:04:08 发布

Liar丶

最新推荐文章于 2025-06-03 09:04:08 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/m0_37793545/article/details/78978527

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何将datepicker插件的语言从默认的英文改为中文。通过修改配置文件中的语言设置，包括星期和月份的名称等，实现datepicker插件显示中文。

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

在使用日期插件使用了datepicker，但是发现其中都是默认英文的，便搜了一下，更改了一部分配置，修改成中文了。x修改如下:
1.在配置中，增加zh对应中文

var dates = $.fn.datepicker.dates = {
        en: {
            days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
            daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
            daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
            months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
            monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
            today: "Today",
            clear: "Clear",
            titleFormat: "MM yyyy"
        },
        zh:{  
            days:       ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],  
            daysShort:  ["日", "一", "二", "三", "四", "五", "六","日"],  
            daysMin:    ["日", "一", "二", "三", "四", "五", "六","日"],  
            months:     ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月","十二月"],  
            monthsShort:  ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],  
            meridiem:    ["上午", "下午"],  
            //suffix:      ["st", "nd", "rd", "th"],  
            today:       "今天"  
        }
    };