jquery-ui-timepicker時間格式化,漢化

引入文件

<link href="../Scripts/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.css"/>
<script src="../Scripts/jquery-ui-timepicker/jquery-ui-timepicker-addon.min.js"></script>

html代碼:

<input class="input_text" style="width: 150px;" id="txtPlanSendTime" type="text" />

JS代碼

  $(function () {
    $('#txtPlanSendTime').prop("readonly", true).datetimepicker({
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                prevText: '上月',
                nextText: '下月',
                timeText: '時間',
                hourText: '小時',
                minuteText: '分鐘',
                secondText: '秒',
                currentText: '現在',
                closeText: '完成',
                timeFormat: 'hh:mm',
                dateFormat: 'yy-mm-dd'
         });
    });

效果圖
格式化效果圖

下面是初始化所有

$((function ($) {
            $.datepicker.regional['zh-CN'] = {
                clearText: '清除',
                clearStatus: '清除已選日期',
                closeText: '關閉',
                closeStatus: '不改變當前選擇',
                prevText: '<上月',
                prevStatus: '顯示上月',
                prevBigText: '<<',
                prevBigStatus: '顯示上一年',
                nextText: '下月>',
                nextStatus: '顯示下月',
                nextBigText: '>>',
                nextBigStatus: '顯示下一年',
                currentText: '今天',
                currentStatus: '顯示本月',
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
                monthNamesShort: ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],
                monthStatus: '選擇月份',
                yearStatus: '選擇年份',
                weekHeader: '周',
                weekStatus: '年內周次',
                dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
                dayNamesShort: ['週日', '週一', '週二', '週三', '週四', '週五', '週六'],
                dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
                dayStatus: '設置 DD 爲一週起始',
                dateStatus: '選擇 m月 d日, DD',
                dateFormat: 'yy-mm-dd',
                firstDay: 1,
                initStatus: '請選擇日期',
                isRTL: false
            };
            $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
        })(jQuery));
發佈了54 篇原創文章 · 獲贊 0 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章