2013-05-01 41 views
3

我正在试着做一个带有日历的页面。这个想法是在今年的第一个月里放上六个月的按钮,显示另外六个月。Datepicker创建六个月的日历

enter image description here

我试图与datapicker,在搜索网页,并使用不同的方法,但我不实现这一目标。

有人知道分开放在六个月的时候会很热吗?

+0

的日期选择对象接受'numberOfMonths'作为一个参数,它接受了几个月的阵列,或表示要多少个月才能展示一个数字。 – Ohgodwhy 2013-05-01 17:04:58

回答

2

您可以将defaultDate设置为当年的开始。结合numberOfMonthsstepMonths方法,我们应该能够实现类似于您所寻找的内容。

JS:

// Get the first day of the year (ie. Jan 1, 2013) 
var firstOfTheYear = new Date(new Date().getFullYear(), 0, 1); 

// Set your datepicker options 
$(".calendar").datepicker({ 
    numberOfMonths: [2, 3], 
    stepMonths: 6, 
    defaultDate: firstOfTheYear 
}); 

http://jsfiddle.net/RyanWalters/VYvLb/

0

这个link可能会有所帮助。我已经在链接中测试了答案,并且工作了2个月。这可能是一个好的开始。