JQuery UI

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 }

<!--more-->

datepicker自带的done按钮其实是关闭日历面板，可以通过

$(".ui-datepicker-close").live("click", function() {datepicker_CurrentInput.value = ""; });

实现清除文本框内所填日期

datepicker自带的这两个按钮，默认文本是today和done，我们可以通过设置datepicker的currentText: "今天",和closeText: "清除",改变这两个按钮的显示文本

例：$("#id").datepicker({showButtonPanel:true,closeText:"清除"});

 

JQuery-UI