Materialize时间组件datepicker汉化

首先说明我用的是1.0版本,由于版本差异导致js调用的方法不一致,请注意

<input type="text" class="datepicker">
$(".datepicker").datepicker({
    format: 'yyyy/mm/dd',
    i18n: {
        cancel: '取消',
        clear: '清除',
        done: '确定',
        months: [
            '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'
        ],
        monthsShort: [
            '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'
        ],
        weekdays: [
            '周日', '周一', '周二', '周三', '周四', '周五', '周六'
        ],
        weekdaysShort: [
            '周日', '周一', '周二', '周三', '周四', '周五', '周六'
        ],
        weekdaysAbbrev: [
            '日', '一', '二', '三', '四', '五', '六'
        ]
    }
});

最终效果:

Materialize时间组件datepicker汉化_第1张图片

ps: 左侧的日期显示格式貌似没办法调整顺序,可以调整星期和月的格式

你可能感兴趣的:(前端开发)