PDA

View Full Version : Customize jquery datepicker year & month select option



davelf
04-24-2014, 04:03 PM
Hi, everyone.
So this is my problem:
How to customize the select option in jquery datepicker?
Script: http://jqueryui.com/datepicker/#dropdown-month-year
The next & previous button fully customize because they are using image, but there's no information how to change the select option style.
Is there any suggestion?

Thank you so much.

jscheuer1
04-24-2014, 04:57 PM
The styles for datepicker are in the jquery-ui.css file. There are many themes available, or one can make a custom theme by editing one of the existing jquery-ui.css files. To see what's available, go to the page you link to in your post then click on Themes. That will take you to the ThemeRoller page. On the left is a widget that will allow you to make your own custom theme ,(Roll Your Own) button, or choose from many available themes, (Gallery) button.

Be sure to check the Gallery button first. There are so many choices, and even if none are perfect, you can edit one before or after downloading it.

davelf
04-26-2014, 03:36 AM
Yes i know there's alot of themes for datepicker. But none of that themes customize the input select option like my screenshot below:
5435

The other problem, i can't find the class to limit this dropdown option.
5436

davelf
04-26-2014, 08:22 AM
I also find this script, everything perfect. Except i need to change how the calendar show by calling it with class not ID. So how to change it?

This is the online version: http://davejob.com/date/




<script>
var myCalendar;
function doOnLoad() {
myCalendar = new dhtmlXCalendarObject(["calendar"]);
}
</script>

<div style="position:relative;height:280px;">
<input type="text" id="calendar">
</div>