How can I get the JqueryUI datepicker show "Today" in the input box.

Question

When the user selects today in the datepicker, I want the associated input box to show the word "Today".

Is there any reasonable way to accomplish this?

Answer 1

Are you looking the showButtonPanel: true option?

Answer 2

You could attach a .change() handler to the input that checks the selected date when the value is changed, and updates the value with "Today" if necessary.

Try it out: http://jsfiddle.net/gn4Fj/

$('input').datepicker()
    .change(function() {
        var today = new Date().getDate();
        var val = new Date(this.value).getDate();
        if(today === val)
            this.value = "Today";
});