Magento calendar not working

Question

quite strange but is happening with me...Mag version is EE 1.12

• Calendar is working fine on front end
• it works fine in admin back end on normal pages see this
• but when calendar is in pop up page, it does not work....(try creating an order from admin backend, add product, configure, and try to select date if you got some product with custom options (date-time picker)) ...see this

I am trying to solve this issue for more than a month, no success...I have tried seeing the source code, and it looks that calendar.js, calendar_setup.js and other files are includes just as those page which got working calendar on it..

Dont know should I do it or not, but to get more views and possible solutions, I asked it here too

any idea?

thanks

Answer 1

I had this problem on 1.8.1 and found that the z-index was empty. I'm assuming it's being attached to the dom wrong, as it's using some khtml browser speciality code. Anyways, I got it working again by adding

cal.element.style.zIndex = 99999;

in calendar-setup.js

like so

else cal.showAt(params.position[0], params.position[1]); cal.element.style.zIndex = 99999; return false;

It's still along the left, but it works!

Answer 2

The calender popups up correct? It is there on the left side?

And if you can't click anything, there is some element over it. Did you check, whether the "blur" is over it? Open Firebug and try to click in the calender, then you selected the element which stands in your way.

Answer 3

This is working for me

js\calendar/calendar-setup.js add this following code in js file

 else cal.showAt(params.position[0], params.position[1]); cal.element.style.zIndex = 99999; return false;

skin\adminhtml/default/default/css/tinybox/style.css

.calendar { background: none repeat scroll 0 0 #d4d0c8; border-color: #fff #000 #000 #fff; border-style: solid; border-width: 2px; color: #000; cursor: default; }

anyone this issue come so we can do this such a great helpful thanks

Answer 4

I had a similar problem for my custom theme.I added Z-Index to calender class in styles.css of the theme. It works fine

.calendar {
background: none repeat scroll 0 0 #d4d0c8;
border-color: #fff #000 #000 #fff;
border-style: solid;
border-width: 2px;
color: #000;
cursor: default;
display: none;
font-family: tahoma,verdana,sans-serif;
font-size: 11px;
position: relative;
z-index: 1 !important;
}