精华 Materialize框架之datepicker控件的汉化与使用
发布于 8 个月前 作者 seogko 248 次浏览 来自 分享

datepicker组件的使用,html代码如下:

<div class="container">
    <div class="row">
        <div class="s12">
            <input type="date" class="datepicker" value="2017-12-11">
        </div>
    </div>
</div>

js初始化组件,并将组件汉化

$(document).ready(function() {
    $('.datepicker').pickadate({
        monthsFull: [ '一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月' ],
        monthsShort: [ '一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二' ],
        weekdaysFull: [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ],
        weekdaysShort: [ '日', '一', '二', '三', '四', '五', '六' ],
        today: '今日',
        clear: '清除',
        close: '关闭',
        firstDay: 1,
        format: 'yyyy-mm-dd',
        formatSubmit: 'yyyy/mm/dd',
        selectMonths: true,
        selectYears: true,
        weekdaysLetter: [ '日', '一', '二', '三', '四', '五', '六' ],
        labelMonthNext: '下一个月',
        labelMonthPrev: '上一个月',
        labelMonthSelect: '月份选择',
        labelYearSelect: '年份选择',
        min: new Date('1992-1-1'),
        max: new Date('2015/12/1')
    });
});

效果图如下: QQ截图20171108144542.png 具体可参考: http://amsul.ca/pickadate.js/date/

回到顶部