jquery datepicker与月份和年份

时间:2015-12-28 03:30:49

标签: javascript jquery html

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));
        }
    });
});

我对datepicker的当前输出:
enter image description here

以下是我的问题:
(1)
我想使用div标签隐藏日历。我尝试如下,并没有隐藏日历。我该如何在开始日期隐藏日历?

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

(2)
enter image description here
请参考上面的图片,假设我选择了2012年4月的日期选择器,之后我想要更改2012年8月,我想将2012年4月设置在下拉列表而不是2015年12月。我该如何设置?

1 个答案:

答案 0 :(得分:0)

根据http://www.hongkiat.com/blog/jquery-ui-datepicker/

  

日历日期包含在td或表格数据中。 [并且,可以使用CSS格式化]

我相信这段代码应该有效:

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