繁体   English   中英

带有日期和年份的jQuery datepicker

[英]jquery datepicker with month and year

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

我当前的日期选择器输出:
在此处输入图片说明

以下是我的问题:
(1)
我想使用div标签隐藏日历。 而且我尝试了以下操作,但没有隐藏日历。 如何在开始日期中隐藏日历?

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

(2)
在此处输入图片说明
参考上面的图片,假设我在日期选择器中选择了2012年4月,之后我想更改2012年8月,我想将2012年4月设置为下拉列表,而不是2015年12月。我应该如何设置它?

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

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

我相信这段代码应该可以工作:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM