Opened 8 years ago

Last modified 5 years ago

#6652 open feature

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:

Description

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: http://stackoverflow.com/questions/2208480/jquery-date-picker-to-show-month-year-only

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.

Change History (5)

comment:1 Changed 7 years ago by Scott González

Type: enhancementfeature

comment:2 Changed 6 years ago by Scott González

Milestone: TBD1.11.0

comment:3 Changed 6 years ago by mikesherov

Status: newopen

comment:4 Changed 5 years ago by Scott González

Milestone: 1.11.0none

comment:5 Changed 5 years ago by Scott González

Keywords: template added
Note: See TracTickets for help on using tickets.