bootstrap datetimepicker 中文显示

WEB前端 waitig 974℃ 百度已收录 0评论

使用bootstrap datetimepicker时,想让日期,星期,时间,年份等用中文显示,一共有两种方法。

第一种

引用bootstrap-datetimepicker.zh-CN.js,并在language配置zh-CN(中文)

$('.form_date').datetimepicker({
        language:  'zh-CN',  //日期
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,
        forceParse: 0
    });

第二种

在bootstrap-datetimepicker.js代码中拓展方法,具体代码如下:

$.fn.datetimepicker.dates['zh-CN'] = {  
            days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"],  
            daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"],  
            daysMin:  ["日", "一", "二", "三", "四", "五", "六", "日"],  
            months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],  
            monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],  
            today: "今天",  
            suffix: [],  
            meridiem: ["上午", "下午"]  
    };  

注意,第二种引用时还是要在language上使用中文配置


本文由【waitig】发表在等英博客
本文固定链接:bootstrap datetimepicker 中文显示
欢迎关注本站官方公众号,每日都有干货分享!
等英博客官方公众号
点赞 (0)分享 (0)