Wednesday, October 3, 2012

DatePicker Calendar Appears on Top of Page

On page load, datepicker calendar appear on top of a web page which contains datepicker textbox (either visible or hidden).
This issue appears to be happening on Chrome browser. Some may experience it in Internet Explorer.

Source of the problem:
1. There could be more than 1 element on the page which use the same ID.
2. Another possibility is that this is a bug in some of the versions of jQuery style or script.

Either change the ID of the elements with the same IDs if this is the issue.
If the issue is with the jQuery style, add this code to hide the DatePicker calendar when the page is first loaded:

<style type="text/css">
    #ui-datepicker-div { display: none; }


Post a Comment


Related Posts

Dual Axis not Working in Tableau

Problem : When creating chart with Dual Axis, Synchronize Axis is disabled and cannot be clicked. Cause : Tableau identified this as ...

About Me

My photo
Is an ordinary unNoticed man, with a little knowledge to share and high dreams to achieve. I'd be glad if I can help others, 'coz the only thing for the triumph of evil is for a good man to do nothing. I like English and Chinese language, and know a little about them. Hence, for me, most things can best be expressed in Chinese, some in English, and the rest in others ^^

About Blog

You can find a lot of debugging and deploying problems while developing applications in .NET and Visual Basic here. There are also some querying tips in SQL and typical source codes which might be useful shared here.

Popular Posts



Follow by Email