jquery ui 中 datepicker的漢化

2021-7-23    前端達人

首先上 html代碼 



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                <!--為防止一個頁面出現(xiàn)多個id 我們改用class 
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

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

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                 只能選 ，不能填 ok
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

            
    
                -->
            
    

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

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

        
    

    
    6.



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



    

    
  1. 

        
    

            
    

            
    

        
    

        
    

            
    
                //日期格式改變
            
    

        
    

    
    2. 

    
  2. 

        
    

            
    

            
    

        
    

        
    

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

        
    

    
    3. 

    
  3. 

        
    

            
    

            
    

        
    

        
    

            
    
                //星期格式漢化
            
    

        
    

    
    4. 

    
  4. 

        
    

            
    

            
    

        
    

        
    

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

        
    

    
    5. 

    
  5. 

        
    

            
    

            
    

        
    

        
    

            
    
                //月份格式漢化
            
    

        
    

    
    6. 

    
  6. 

        
    

            
    

            
    

        
    

        
    

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

        
    

    
    7.



注：jquery ui 的設置有兩種，一種是在初始化的時候就填入?yún)?shù)

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



效果圖： 



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

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


藍藍設計建立了UI設計分享群，每天會分享國內外的一些優(yōu)秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png



文章來源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯(lián)系，我們立即更正或刪除。

藍藍設計( m.yvirxh.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務

日歷

鏈接

個人資料

藍藍設計的小編 http://m.yvirxh.cn

存檔