jQuery datePicker使用總結

時間 2019-11-18

原文原文鏈接

　　使用很簡單，固然，要先導入文件javascript

<link rel="stylesheet"
    href="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.min.css">
<script src="<%=webContentPath%>media/js/jquery-1.10.1.min.js"
        type="text/javascript"></script>
<script src="<%=webContentPath%>media/js/jquery-ui-1.10.1.custom.min.js"
        type="text/javascript"></script>

<div class="datePicker"><input type="text" name="date"/></div>

        function ieDatePicker() {
            $.datepicker.regional['zh-CN'] = {
                clearText : '清除',
                clearStatus : '清除已選日期',
                closeText : '關閉',
                closeStatus : '不改變當前選擇',
                prevText : '&lt;上月',
                prevStatus : '顯示上月',
                prevBigText : '&lt;&lt;',
                prevBigStatus : '顯示上一年',
                nextText : '下月&gt;',
                nextStatus : '顯示下月',
                nextBigText : '&gt;&gt;',
                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']);
            $('.datePicker input').datepicker({
                dateFormat : "yy-mm-dd"
            });
        }