mobiscroll2.5.4 日期組件

 

<script type="text/javascript">
        function setCss(o) {
            $('input:jqmData(role="datebox")').mobiscroll(o);
        }
        $(function () {
            opt1 = {
                preset: 'date', //日期
                theme: 'jqm', //皮膚樣式
                display: 'modal', //顯示方式 
                mode: 'mixed', //日期選擇模式
                dateFormat: 'yy-mm-dd', // 日期輸出格式
                dateOrder: 'yymmdd', //面板中日期排列格式
                setText: '確定', //確認按鈕名稱
                cancelText: '取消',//取消按鈕名籍我
                dayText: '日', //面板中日文字
                monthText: '月', //面板中月文字
                yearText: '年', //面板中年文字
                endYear: 2020, //結束年份
                hourText: '時',
                minuteText: '分',
                secText: '秒',
                lang: 'zh' //語言
            };
            //dateOrder: 'd Dmmyy',
            //rows: 5,
            //wheels: [{ 'Label 1': { x: 'x', y: 'y', z: 'z' }, 'Label 2': { a: 'a', b: 'b' } }, { 'Label 3': { 1: '1', 2: '2' }, 'Label 4': { 4: '4', 5: '5' } }],
            //invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] }
                
            $('input:jqmData(role="datebox")').mobiscroll(opt1);
        });
    </script>

 

mobiscroll下載