I am facing a problem that has been addressed before. As someone with only basic knowledge of CSS, I am a bit confused here. I have two datepickers in my code.
<style>
.ui-datepicker-calendar {
display: none;
}
</style>
Unfortunately, both datepickers lose the option to pick the day. However, I would like to retain this option for the second one (
name="datepicker1" id = "datepicker1"
).
I attempted the following:
<style>
#datepicker.ui-datepicker-calendar {
display: none;
}
</style>
but it did not yield any results. The datepicker I want to remove is:
<div id="datepicker" name="datepicker"></div>
Edit: I want to keep the option to select the month and year while removing the day-picking option from the first datepicker. I found a solution for showing only the month and year in a datepicker here, but I am struggling to find a way to hide the day-picking option for just one of the datepickers.