jquerydatetimepicker日期時間控制元件

sktj發表於2018-09-12

<script type=”text/javascript” src=”/static/scripts/jquery/jquery-1.7.1.js”></script>
<script src=”/static/scripts/datetime/jquery-ui-1.12.1/jquery-ui.min.js”></script>
<link href=”/static/scripts/datetime/jquery-ui-1.12.1/jquery-ui.min.css” rel=”stylesheet” />
<script src=”/static/scripts/datetime/jQuery-Timepicker/dist/jquery-ui-timepicker-addon.min.js”></script>
<script type=”text/javascript” src=”/static/scripts/datetime/jQuery-Timepicker/dist/i18n/jquery-ui-timepicker-zh-CN.js”></script>
<link href=”/static/scripts/datetime/jQuery-Timepicker/dist/jquery-ui-timepicker-addon.min.css” rel=”stylesheet” />
<script type=”text/javascript”>
(function($) {

            $(function() {
                $.datepicker.regional[`zh-CN`] = {
                    changeMonth: true,
                    changeYear: true,
                    clearText: `清除`,
                    clearStatus: `清除已選日期`,
                    closeText: `關閉`,
                    closeStatus: `不改變當前選擇`,
                    prevText: `<上月`,
                    prevStatus: `顯示上月`,
                    prevBigText: `<<`,
                    prevBigStatus: `顯示上一年`,
                    nextText: `下月>`,
                    nextStatus: `顯示下月`,
                    nextBigText: `>>`,
                    nextBigStatus: `顯示下一年`,
                    currentText: `今天`,
                    currentStatus: `顯示本月`,
                    monthNames: [`一月`, `二月`, `三月`, `四月`, `五月`, `六月`, `七月`, `八月`, `九月`, `十月`, `十一月`, `十二月`],
                    monthNamesShort: [`1`, `2`, `3`, `4`, `5`, `6`, `7`, `8`, `9`, `10`, `11`, `12`],
                    monthStatus: `選擇月份`,
                    yearStatus: `選擇年份`,
                    weekHeader: `周`,
                    weekStatus: `年內周次`,
                    dayNames: [`星期日`, `星期一`, `星期二`, `星期三`, `星期四`, `星期五`, `星期六`],
                    dayNamesShort: [`週日`, `週一`, `週二`, `週三`, `週四`, `週五`, `週六`],
                    dayNamesMin: [`日`, `一`, `二`, `三`, `四`, `五`, `六`],
                    dayStatus: `設定 DD 為一週起始`,
                    dateStatus: `選擇 m月 d日, DD`,
                    dateFormat: `yy-mm-dd`,
                    firstDay: 1,
                    initStatus: `請選擇日期`,
                    isRTL: false
                };

            });

            $(function() {
                $.datepicker.setDefaults($.datepicker.regional[`zh-CN`]);

                $("#kssj").datetimepicker();
                $("#jssj").datetimepicker();
            });


        }(jQuery));
    </script>


相關文章