解決jquery的datepicker的本地化以及Today問(wèn)題
更新時(shí)間：2012年05月23日 21:52:20 作者：
解決jquery的datepicker的本地化以及Today問(wèn)題,需要的朋友可以參考下
1、本地化
可以直接加載文件，也可以直接在script后面加入如下語(yǔ)句
jQuery(function ($) {
$.datepicker.regional['zh-CN'] = {
closeText: '關(guān)閉',
prevText: '<上月',
nextText: '下月>',
currentText: '今天',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['一', '二', '三', '四', '五', '六',
'七', '八', '九', '十', '十一', '十二'],
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
weekHeader: '周',
dateFormat: 'yy-mm-dd',
firstDay: 1,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: '年'
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});
2、單擊Today (今天) 直接在input 中顯示日期，而不是跳轉(zhuǎn)到今天的地方而需要用戶再次點(diǎn)擊日期修改方法很簡(jiǎn)單，在script中添加這段代碼
$.datepicker._gotoToday = function (id) {
var target = $(id);
var inst = this._getInst(target[0]);
if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
inst.selectedDay = inst.currentDay;
inst.drawMonth = inst.selectedMonth = inst.currentMonth;
inst.drawYear = inst.selectedYear = inst.currentYear;
}
else {
var date = new Date();
inst.selectedDay = date.getDate();
inst.drawMonth = inst.selectedMonth = date.getMonth();
inst.drawYear = inst.selectedYear = date.getFullYear();
this._setDateDatepicker(target, date);
this._selectDate(id, this._getDateDatepicker(target));
}
this._notifyChange(inst);
this._adjustDate(target);
}
可以直接加載文件，也可以直接在script后面加入如下語(yǔ)句
復(fù)制代碼 代碼如下:
jQuery(function ($) {
$.datepicker.regional['zh-CN'] = {
closeText: '關(guān)閉',
prevText: '<上月',
nextText: '下月>',
currentText: '今天',
monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月'],
monthNamesShort: ['一', '二', '三', '四', '五', '六',
'七', '八', '九', '十', '十一', '十二'],
dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
weekHeader: '周',
dateFormat: 'yy-mm-dd',
firstDay: 1,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: '年'
};
$.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});
2、單擊Today (今天) 直接在input 中顯示日期，而不是跳轉(zhuǎn)到今天的地方而需要用戶再次點(diǎn)擊日期修改方法很簡(jiǎn)單，在script中添加這段代碼
復(fù)制代碼 代碼如下:
$.datepicker._gotoToday = function (id) {
var target = $(id);
var inst = this._getInst(target[0]);
if (this._get(inst, 'gotoCurrent') && inst.currentDay) {
inst.selectedDay = inst.currentDay;
inst.drawMonth = inst.selectedMonth = inst.currentMonth;
inst.drawYear = inst.selectedYear = inst.currentYear;
}
else {
var date = new Date();
inst.selectedDay = date.getDate();
inst.drawMonth = inst.selectedMonth = date.getMonth();
inst.drawYear = inst.selectedYear = date.getFullYear();
this._setDateDatepicker(target, date);
this._selectDate(id, this._getDateDatepicker(target));
}
this._notifyChange(inst);
this._adjustDate(target);
}
您可能感興趣的文章:
- datePicker——日期選擇控件（with jquery）
- jquery ui dialog里調(diào)用datepicker的問(wèn)題
- jquery UI 1.72 之datepicker
- JQuery UI DatePicker中z-index默認(rèn)為1的解決辦法
- JQuery datepicker 使用方法
- jquery 日期控件datepicker屬性詳細(xì)解析
- jquery datepicker參數(shù)介紹和示例
- jQuery ui 利用 datepicker插件實(shí)現(xiàn)開(kāi)始日期(minDate)和結(jié)束日期(maxDate)
- jquery UI Datepicker時(shí)間控件的使用方法（終結(jié)版）
- jQueryUI DatePicker 添加時(shí)分秒
相關(guān)文章
使用CSS和jQuery模擬select并附提交后取得數(shù)據(jù)的代碼
使用CSS和jQuery模擬select并實(shí)現(xiàn)提交后取得數(shù)據(jù)，詳細(xì)實(shí)現(xiàn)及截圖如下，感興趣的朋友可以參考下2013-10-10
對(duì)于想學(xué)習(xí)制作jquery 插件的朋友需要用的到。2008-12-12
jQuery源碼分析-04 選擇器-Sizzle-工作原理分析
在分析Sizzle源碼之前，先整理一下選擇器的工作原理，先明確一些選擇器中用到的名詞，后邊閱讀時(shí)不會(huì)有歧義2011-11-11
最近項(xiàng)目中用到類似百度的輸入框，于是自己用jquery寫(xiě)了一個(gè)。希望和大家共同分享一下。存在許多bug，請(qǐng)各位不吝賜教。2011-04-04
這篇文章主要介紹了通過(guò)jQuery實(shí)現(xiàn)的簡(jiǎn)易圖片放大特效,需要的朋友可以參考下2014-06-06
jQuery基于$.ajax設(shè)置移動(dòng)端click超時(shí)處理方法
這篇文章主要介紹了jQuery基于$.ajax設(shè)置移動(dòng)端click超時(shí)處理方法,分析了click事件與touchstart事件的原理與處理技巧,需要的朋友可以參考下2016-05-05
獲取當(dāng)前連接的連接地址。2009-05-05
jquery 實(shí)現(xiàn)京東商城、凡客商城的圖片放大效果
京東商城、凡客商城的圖片放大效果很是吸引人2009-05-05
一款接近完美的jquery浮動(dòng)層，會(huì)隨著滾動(dòng)條而自動(dòng)滾動(dòng)，始終維持在頁(yè)面的中間部分，利用浮動(dòng)層你可以制作一個(gè)QQ在線客服。2011-08-08
jQuery實(shí)現(xiàn)內(nèi)容定時(shí)切換效果完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)內(nèi)容定時(shí)切換效果,以完整實(shí)例形式較為詳細(xì)的分析了jQuery結(jié)合時(shí)間函數(shù)針對(duì)內(nèi)容的定時(shí)切換顯示相關(guān)技巧,需要的朋友可以參考下2016-04-04