jquery ui 中 datepicker的漢化

2021-7-23 前端達人

首先上 html代碼




    

        

            

            

        

        

            
                <!--為防止一個頁面出現多個id 我們改用class 
            

        

    

    

        

            

            

        

        

            
                 為防止手工填寫格式出錯 我們設置屬性為 readonly
            

        

    

    

        

            

            

        

        

            
                 只能選 ，不能填 ok
            

        

    

    

        

            

            

        

        

            
                -->
            

        

    

    

        

            

            

        

        

            
                <input type="text" class="datepicker" readonly="readonly"/>

然后是jquery ui 初始化部分代碼




    

        

            

            

        

        

            
                //日期格式改變
            

        

    

    

        

            

            

        

        

            
                $( ".datepicker" ).datepicker({dateFormat: "yy-mm-dd"});
            

        

    

    

        

            

            

        

        

            
                //星期格式漢化
            

        

    

    

        

            

            

        

        

            
                $( ".datepicker" ).datepicker( "option", "dayNamesMin",[ "日", "一", "二", "三", "四", "五", "六" ] );
            

        

    

    

        

            

            

        

        

            
                //月份格式漢化
            

        

    

    

        

            

            

        

        

            
                $( ".datepicker" ).datepicker( "option", "monthNames", [ "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" ] );

注：jquery ui 的設置有兩種，一種是在初始化的時候就填入參數

另一種是在初始化之后，在設置參數。這里為了說明參數選項，我們選擇的第二種方式來講解。

效果圖：

官方說明地址: http://api.jqueryui.com/datepicker/#option-altFormat

下載地址：http://download.jqueryui.com/download