Skip to main content

Search and Top Navigation

#6652 open feature ()

Opened November 15, 2010 05:13PM UTC

Last modified July 17, 2014 01:50PM UTC

Ability to customize visible components of jQuery UI datepicker

Reported by: paulschreiber Owned by:
Priority: minor Milestone: none
Component: ui.datepicker Version: 1.8.6
Keywords: template Cc:
Blocked by: Blocking:

Please add the ability to customize visible components of the jQuery UI datepicker.

A quick fix is to add custom CSS classes to the jQuery UI datepicker. Right now, the container div is like so:

<div class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all
ui-helper-hidden-accessible" id="ui-datepicker-div"
style="position: absolute; top: 519.75px; left: 586.6px; z-index: 1;">

I want to be able to add a class called "month-picker" so I can do things like :

div.month-picker .ui-datepicker-calendar { display: none; } /* hide calendar */
div.month-picker .ui-datepicker-buttonpane button:first-child { display: none; } /* hide today button */

…and make a month picker.

See this Stack Overflow question:

I want to be able to have a month picker and a regular date picker on the same page. Right now, you can't do that without some very complicated context-sensitive JavaScript.

Ideally, you could add more options to hide and show various pieces, but CSS seems like a short-term fix.

Attachments (0)
Change History (5)

Changed June 26, 2012 01:22AM UTC by scottgonzalez comment:1

type: enhancementfeature

Changed October 11, 2012 09:04PM UTC by scottgonzalez comment:2

milestone: TBD1.11.0

Changed October 19, 2012 10:07PM UTC by mikesherov comment:3

status: newopen

Changed June 24, 2014 11:52PM UTC by scottgonzalez comment:4

milestone: 1.11.0none

Changed July 17, 2014 01:50PM UTC by scottgonzalez comment:5

keywords: → template