解決jquery的datepicker的本地化以及Today問題
更新時間:2012年05月23日 21:52:20 作者:
解決jquery的datepicker的本地化以及Today問題,需要的朋友可以參考下
1、本地化
可以直接加載文件,也可以直接在script后面加入如下語句
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)到今天的地方而需要用戶再次點擊日期修改方法很簡單,在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后面加入如下語句
復(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)到今天的地方而需要用戶再次點擊日期修改方法很簡單,在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的問題
- jquery UI 1.72 之datepicker
- JQuery UI DatePicker中z-index默認(rèn)為1的解決辦法
- JQuery datepicker 使用方法
- jquery 日期控件datepicker屬性詳細(xì)解析
- jquery datepicker參數(shù)介紹和示例
- jQuery ui 利用 datepicker插件實現(xiàn)開始日期(minDate)和結(jié)束日期(maxDate)
- jquery UI Datepicker時間控件的使用方法(終結(jié)版)
- jQueryUI DatePicker 添加時分秒
相關(guān)文章
JQuery動態(tài)給table添加、刪除行 改進(jìn)版
最近需要使用JQuery動態(tài)操作table,自己整理了一下,可以添加新行,刪除選中的一行或多行,簡單代碼如下2011-01-01jQuery ajax MD5實現(xiàn)用戶注冊即時驗證功能
這篇文章主要為大家詳細(xì)介紹了JQuery AJAX MD5實現(xiàn)用戶注冊即時驗證功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10jQuery插件開發(fā)精品教程讓你的jQuery提升一個臺階
這篇文章主要介紹了jQuery插件開發(fā)精品教程讓你的jQuery提升一個臺階 的相關(guān)資料,需要的朋友可以參考下2016-01-01