1. 程式人生 > >bootstrap datetimepicker 中文顯示

bootstrap datetimepicker 中文顯示

使用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上使用中文配置