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
- bootstrap datepicker 在bootstrap modal中不顯示問題boot
- 徒手擼UI之DatePickerUI
- opencv顯示中文OpenCV
- MySQL顯示中文MySql
- Jquery Datepicker DateTimepickerjQuery
- SecureCRT裡顯示中文Securecrt
- matplotlib 顯示中文
- pycharm怎麼顯示中文PyCharm
- oracle中文顯示亂碼Oracle
- jbuilder x 的中文顯示UI
- IDA字串顯示中文字串
- linux下顯示中文Linux
- 中文顯示原理研究(轉)
- docker無法顯示中文Docker
- SecureCRT中文版配置,ssh中文顯示Securecrt
- jQuery 效果 – 隱藏和顯示jQuery
- jQuery 動態數字顯示jQuery
- pycharm如何設定中文顯示PyCharm
- navicat 表中文顯示? 解決
- iOS之LLDB列印顯示中文iOSLLDB
- 不同size class顯示不同的UIUI
- 點選日曆顯示日期jqueryjQuery
- Android UI 顯示原理分析小結AndroidUI
- iOS呼叫系統相簿顯示英文標題,如何顯示中文呢?iOS
- wingide如何改成中文顯示IDE
- pl/sql developer中文顯示亂碼SQLDeveloper
- ubuntu 中文顯示亂碼問題Ubuntu
- 解決SecureCRT中文顯示亂碼Securecrt
- Jbuildx中顯示中文如何設定?UI
- QT中文顯示亂碼解決QT
- 在SAP WebClient UI裡顯示倒數計時的UIWebclientUI
- jQuery 顯示 input 輸入的密碼!jQuery密碼
- jQuery動畫的顯示與隱藏效果jQuery動畫
- jQuery動畫的顯示與隱藏效果!jQuery動畫
- jQuery 實現顯示與隱藏效果jQuery
- jQuery table表格tr行顯示隱藏jQuery