Show Hand/Pointer cursor on image button with jQueryUI datepicker control

In my previous post, I have explained you that how you can integrate jQueryUI datepicker control with ASP.NET. If you have not read it, then read it first. When you use "showOn:button" option with the datepicker control, it display a button next to the textbox. However there is a concern. When you take mouse on the showDate button, the cursor does not change to Hand sign pointer which is small concern from end user prospective.

Well, add below given code in document.ready() function, where datepicker is placed.
$(".ui-datepicker-trigger").mouseover(function() {
    $(this).css('cursor', 'pointer');
});
Above code on mouseover code, change the cursor style from default to pointer.
See live Demo and Code
Feel free to contact me for any help related to jQuery. I will gladly help you.
SHARE

Nothing shocks me, I'm a Software Engineer. And I am not young enough to know everything. I live in World Wide Web and from there take care of this website. This website communicates about my work, learning and experience. I believe life is short, and it is for loving, sharing, learning and connecting. So lets connect..