#6965 closed bug (worksforme)

Opened February 10, 2011 02:18PM UTC

Closed February 10, 2011 04:46PM UTC

Last modified February 17, 2011 05:04PM UTC

datepicker example does not put 'next' and 'prev' buttons next to current month

Reported by:	SanderP	Owned by:
Priority:	minor	Milestone:	1.9.0
Component:	ui.datepicker	Version:	1.8.9
Keywords:		Cc:
Blocked by:		Blocking:

Description

Hi,

I just downloaded and installed a full jQuery UI install. The example includes a datepicker but it's not working correctly it seems. I want to include datepicker in my own website so for now it's the UI element I'm focused on. I copied snippets of the sample into a separate HTML file to try to narrow down the problem. That sample also doesn't work quite right.

Looks like I can't attach a screenshot so I'll try the describe the behavior. When I click in the textfield, the calendar appears. The problem is that the orange field with the current month and year first shows the 'prev' button, then on a new line the 'next' button and then on yet another line the month and year. With the examples online on your site these three should be on one line. If I hover over one of the buttons an extra line is added to the orange field which is then removed again, causing flickering. Clicking may or may not cause a month change, depending on how lucky you are.

This is with the latest Firefox 3 browser on Windows XP. IE shows a different behavior but also doesn't work right, the orange box is page wide.

Here's the code:

<html>

<head>

<title>jQuery datepicker Example Page</title>

$(function(){

// Datepicker

$('#date').datepicker();

});

</script>

</head>

<body>

<h1>Datepicker example</h1>

</body>

</html>

Thanks,

SAnder

Attachments (0)

Change History (4)

Changed February 10, 2011 04:46PM UTC by scottgonzalez comment:1

resolution:	→ worksforme
status:	new → closed

Please provide a demo.

Changed February 10, 2011 05:49PM UTC by SanderP comment:2

The code runs on an intranet server so you don't have access, sorry. I don't have a public apache box to put this on. I could try to put it on a public IIS box but if that works I'm no closer to making it work where it matters.

Here's a screenshot:

https://picasaweb.google.com/sander.pool/JQuery#

As a fellow developer I'm disappointed you would immediately close/worksforme a ticket that was at least reasonably well written. It's a slap in the face. If you need more information you can ask for that without closing the ticket. I only logged this ticket because your ZOHO forums don't work on this machine, possibly because of IT enforced security, I don't know.

Changed February 11, 2011 01:30AM UTC by scottgonzalez comment:3

I really don't know what to tell you. From all available methods of testing, this works for me: jqueryui.com, jsbin.com, fresh download from the download builder, local checkout of master. The bug tracker is not a support group, so closing the ticket as worksforme is the correct thing to do. You'll notice that I did ask for a demo showing the problem. I didn't just close it and say, "I don't believe you." If you can't provide a demo, I can't provide any help.

Changed February 17, 2011 05:04PM UTC by bkress comment:4

_comment0:	I am experiencing the same issue. Here is a jsfiddle link that reproduces it. \ \ [http://jsfiddle.net/bkress/R8YEa/] → 1298048196211739

I am experiencing the same issue. Here is a jsfiddle link that reproduces it.

http://jsfiddle.net/bkress/R8YEa/

This is caused by not having the css classes for the datepicker present in your CSS file. More information: http://stackoverflow.com/questions/5031854/previous-and-next-buttons-are-displayed-on-new-lines-with-jquery-ui-datepicker in case someone stumbes across this with the same issue.

Search and Top Navigation