Menu
I am using the jquery datepicker (http://jqueryui.com/demos/datepicker/).
The datepicker on the demo page is small and compact. However, when I use the datepicker on my site, the calendar is HUGE. I would estimate that each date is using 12 pt font.
How do I get the days to be smaller?
685
Right click on datepicker box. Select 'inspect' (Ctrl+Shift+I) in Chrome or 'inspect element' (Q) in Firefox. Find the CSS style that you want to change.
Step 1 − Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project. Step 2 − Add the following code to res/layout/activity_main. xml. Kindly fine the highlighted code, this is the simplest way to change the colour of your datePicker.
The <input type="date"> defines a date picker. The resulting value includes the year, month, and day.
The simple answer: You could add a font size in your css to ".ui-datepicker".
But I think you may have some css rules that are conflicting. You should use the method from Paulo's link to check if this is the case.
152
This is a bit late, but for future reference only: Add this between your , after the jquery ui css reference.
<style type="text/css"> .ui-datepicker { font-size: 9pt !important; } </style> and it will become smaller.
24
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
