带有日期和年份的jQuery datepicker

Question

HTML:

Start Date: <input type="text" name="startDate" id="datepicker6" value="" />

Jquery:

<script type="text/javascript">
$(function(){
    $("#datepicker6").datepicker({
        dateFormat: 'M-y',
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        onClose: function(dateText, inst) 
        {
            $(this).datepicker('setDate', new Date(inst.selectedYear, inst.selectedMonth, inst.selectedDay));
        }
    });
});

My current output for the datepicker:

Below are my questions:
(1)
I want to hide the calendar using div tag. And I tried like below and doesn't hide the calendar. How should I hide the calendar in start date?

<style>
#datepicker6 .ui-datepicker-calendar {
    display: none;
}
</style>

(2)

Refer to above image, Let's say I choose Apr 2012 on the datepicker, after that I want change Aug 2012, I want to set the Apr 2012 on the drop down list rather than Dec 2015. How should I set it?

Answer 1

According to http://www.hongkiat.com/blog/jquery-ui-datepicker/ ,

The calendar dates are wrapped within td or table data. [And, can be formatted using CSS]

I believe this code should work:

.ui-datepicker tbody td {
    visibility: hidden;
}