Datepicker in popup mode loses panel background when changing months

[wanqiang79]

To reproduce:

1. Go to the jQuery Mobile 1.4.0 demo site and select Datepicker (http://demos.jquerymobile.com/1.4.0/datepicker/)
2. Click the text bar below Popup Datepicker
3. Click the Next (right arrow) or Prev (left arrow) button, the popup calendar becomes transparent, losing its white background, and the Prev/Next buttons are gone.
   

This happens in Firefox, Safari, and Chrome on Mac OS X.

[jesperveldhuizen]

File: jquery.mobile.datepicker.js

Change line 35 and 42 from:

$(object.settings.altField)

to:

$(self)

Not sure if this is the way to go, but it works.

[arschmitz]

im closing this because this is not an issue with JQM please see the note on the page you linkto and have in the screen shot
"PLEASE NOTE: This is not a jQuery Mobile widget and is not supported by jQuery Mobile.

This demo uses the jQuery UI Datepicker widget combined with a 3rd party wrapper to make this work with jQuery Mobile. This widget has all the same options and methods as the jQuery UI widget.

For documentation on the Datepicker widget please see jQuery UI API docs http://api.jqueryui.com/datepicker/.

For information and support on the jQuery Mobile Wrapper please see https://github.com/arschmitz/jquery-mobile-datepicker-wrapper."

[jaspermdegroot]

@arschmitz

Although Datepicker is not a jQuery Mobile widget, the demo is part of jQuery Mobile so we should fix it or remove the demo. If we don't remove the demo, we should move the link to "3rd party API demos" in the nav menu.

I am going to reopen this as an issue with the demos.

[g-barkin]

Also not sure if this is the way to go... but I (apparently) solved this problem with a few lines of custom css:

/* datepicker */
div.ui-datepicker{
font-size:12px;
}

.ui-datepicker th { /for the headers in the pop up calendar/
color: #3e3e3e;
}

.ui-datepicker th.ui-datepicker-week-end {
color:red;
}

I include the jquery ui css file first, and the ju.datepicker.js file last in my section. The css is in the page div.

I didn't know about the datepicker-wrapper when I wrote this code, though...

[wanqiang79]

This link is not responsive. The load icon spins forever. I was trying to see what "Closed" mean for this ticket.

http://demos.jquerymobile.com/1.4.0/datepicker/

Ching Wan

On Jan 27, 2014, at 9:57 AM, Alexander Schmitz wrote:

Closed #6952 via arschmitz/jquery-mobile-datepicker-wrapper@83e9705.

—
Reply to this email directly or view it on GitHub.

[arschmitz]

@wanqiang79 thanks for reporting this this is a seperate issue #7008 which i will fix in a moment the issue was fixed by an update to https://github.com/arschmitz/jquery-mobile-datepicker-wrapper