JQuery UI - Datepicker
Datepicker(日期控件)
today和done按钮 只有设置showButtonPanel的值为true时,才可以显示today和done按钮面板.
但是datepicker控件自带的today按钮的事件是当你的日历面板上没有当前日期的时候,你可以通过today按钮使日历面板直接跳转到当前日期.
但是不能将当前日期显示到文本框中,要想将当前日期显示到文本框中,需要在jquery.ui.datepicker.js 的 _gotoToday 函数最后加上
this.selectDate(id, this.formatDate(inst, inst.selectedDay, inst.drawMonth, inst.drawYear));
或者在script中添加下面这段代码:
1 $.datepicker._gotoToday = function(id) { 2 var target = $(id); 3 var inst = this._getInst(target[0]); 4 if (this._get(inst, 'gotoCurrent') && inst.currentDay) { 5 inst.selectedDay = inst.currentDay; 6 inst.drawMonth = inst.selectedMonth = inst.currentMonth; 7 inst.drawYear = inst.selectedYear = inst.currentYear; 8 } else { 9 var date = new Date(); 10 inst.selectedDay = date.getDate(); 11 inst.drawMonth = inst.selectedMonth = date.getMonth(); 12 inst.drawYear = inst.selectedYear = date.getFullYear(); 13 this._setDateDatepicker(target, date); 14 this._selectDate(id, this._getDateDatepicker(target)); 15 } 16 this._notifyChange(inst); 17 this._adjustDate(target); 18 }
datepicker自带的done按钮其实是关闭日历面板,可以通过
$(".ui-datepicker-close").live("click", function() {datepicker_CurrentInput.value = ""; });
实现清除文本框内所填日期
datepicker自带的这两个按钮,默认文本是today和done,我们可以通过设置datepicker的currentText: "今天",和closeText: "清除",改变这两个按钮的显示文本
例:$("#id").datepicker({showButtonPanel:true,closeText:"清除"});
- 上一篇 »jquery.ui.sortable 笔记
- 下一篇 »jQuery ui 中文日历