jQuery UI Datepicker中文顯示
jQuery UI Datepicker這個用於日期顯示很方便而且提供了多種樣式,可以從jQuery UI中選擇喜歡的樣式和jQuery UI元件隨意下載js庫,如果只是使用datepicker那麼選擇時之選UI Core和Widgets中的Datepicker,然後選擇喜歡的主題,選擇版本,下載即可。
不過下載的jQuery UI庫中是沒有中文的,我們可以將如下js程式碼放到一個js檔案中,然後在檔案中引用即可:jQuery(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 UI庫中是沒有中文的,我們可以將如下js程式碼放到一個js檔案中,然後在檔案中引用即可:jQuery(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']);
});
轉自http://blog.csdn.net/hejinxu/article/details/6085818
相關文章
- bootstrap-datepicker顯示中文boot
- 【Qt】UI顯示中文QTUI
- 徒手擼UI之DatePickerUI
- opencv顯示中文OpenCV
- matplotlib 顯示中文
- fyne :顯示中文
- jQuery 效果 – 隱藏和顯示jQuery
- 點選日曆顯示日期jqueryjQuery
- docker無法顯示中文Docker
- pycharm怎麼顯示中文PyCharm
- wingide如何改成中文顯示IDE
- jQuery 顯示 input 輸入的密碼!jQuery密碼
- jQuery 實現顯示與隱藏效果jQuery
- Android UI 顯示原理分析小結AndroidUI
- Easy UI Combobox顯示拼接欄位UI
- iOS之LLDB列印顯示中文iOSLLDB
- pycharm如何設定中文顯示PyCharm
- navicat 表中文顯示? 解決
- jQuery動畫的顯示與隱藏效果jQuery動畫
- jQuery動畫的顯示與隱藏效果!jQuery動畫
- jquery 透過顯示值 設定 select boxjQuery
- confluence中文顯示亂碼問題
- python 出圖中文顯示問題Python
- VSCode設定中文語言顯示VSCode
- 在SAP WebClient UI裡顯示倒數計時的UIWebclientUI
- js.ui中的datepicker 元件增加清除按鈕JSUI元件
- jQuery Validate自定義錯誤資訊顯示位置jQuery
- Android的UI顯示原理之Surface的建立AndroidUI
- hive表查詢中文顯示亂碼Hive
- man 命令顯示簡體中文幫助
- pyplot latex顯示中文出錯問題
- Datepicker
- jQuery控制div顯示和隱藏程式碼例項jQuery
- IDEA配置jQuery,$符號不再顯示黃色波浪線IdeajQuery符號
- ubuntu中文顯示亂碼解決辦法Ubuntu
- idea配置檔案.properties中文亂碼顯示????Idea
- navicat for mysql顯示中文亂碼解決方案MySql
- Mysql輸出中文顯示亂碼處理MySql
- 解決MySQL中文亂碼和插入中文不顯示的方法MySql