Jquery glDatePicker以累进月份显示多个日历
我正在使用最新版本的glDatePicker。我试图在一行中同时显示多个日历,所有日历都有自己的开始日期 我需要每个日历是+1个月的最后一个,这样我有3个渐进的月份。我看了又看,不知道怎么做 我觉得它需要类似于Jquery glDatePicker以累进月份显示多个日历,jquery,html,css,calendar,Jquery,Html,Css,Calendar,我正在使用最新版本的glDatePicker。我试图在一行中同时显示多个日历,所有日历都有自己的开始日期 我需要每个日历是+1个月的最后一个,这样我有3个渐进的月份。我看了又看,不知道怎么做 我觉得它需要类似于NewStartdate:currentmount(+1个月),但不知道它真正需要如何标记。以下是我所拥有的: HTML: JQUERY: $(window).load(function() { // Example #1 - First Month $('#exampl
NewStartdate:currentmount(+1个月),
但不知道它真正需要如何标记。以下是我所拥有的:
HTML:
JQUERY:
$(window).load(function()
{
// Example #1 - First Month
$('#example1').glDatePicker(
{
showAlways: true,
cssName: 'flatwhite',
specialDates: [
{
date: new Date(2014, 1, 8),
repeatMonth: false
},
{
date: new Date(2014, 1, 9),
repeatYear: false
},
{
date: new Date(2014, 1, 10),
repeatYear: false
},
{
date: new Date(2014, 1, 11),
repeatYear: false
},
]
});
// Example #2 - Second Month
$('#example2').glDatePicker(
{
showAlways: true,
setStartDate: new Date(2014, 2, 1),
cssName: 'flatwhite',
specialDates: [
{
date: new Date(2014, 2, 10),
repeatMonth: false
},
{
date: new Date(2014, 2, 11),
repeatYear: false
},
{
date: new Date(2014, 2, 22),
repeatYear: false
},
]
});
// Example #3 - Third Month
$('#example3').glDatePicker(
{
showAlways: true,
cssName: 'flatwhite',
specialDates: [
{
date: new Date(2014, 3, 15),
repeatMonth: false
},
{
date: new Date(2014, 3, 16),
repeatYear: false
},
]
});
});
在$document的开头。准备使用:
var month=0;//Or whatever value you set programmatically based on the value derived from your business logic
$(document).ready(function()
{
var month=0;
.... selectedDate: new Date(2014, month, 1),
检查此处,但我尚未验证所有逻辑,如当月需要选择的日期:http://jsfiddle.net/J8kbG/19/
$(window).load(function()
{
// Example #1 - First Month
$('#example1').glDatePicker(
{
showAlways: true,
cssName: 'flatwhite',
specialDates: [
{
date: new Date(2014, 1, 8),
repeatMonth: false
},
{
date: new Date(2014, 1, 9),
repeatYear: false
},
{
date: new Date(2014, 1, 10),
repeatYear: false
},
{
date: new Date(2014, 1, 11),
repeatYear: false
},
]
});
// Example #2 - Second Month
$('#example2').glDatePicker(
{
showAlways: true,
setStartDate: new Date(2014, 2, 1),
cssName: 'flatwhite',
specialDates: [
{
date: new Date(2014, 2, 10),
repeatMonth: false
},
{
date: new Date(2014, 2, 11),
repeatYear: false
},
{
date: new Date(2014, 2, 22),
repeatYear: false
},
]
});
// Example #3 - Third Month
$('#example3').glDatePicker(
{
showAlways: true,
cssName: 'flatwhite',
specialDates: [
{
date: new Date(2014, 3, 15),
repeatMonth: false
},
{
date: new Date(2014, 3, 16),
repeatYear: false
},
]
});
});
var month=0;//Or whatever value you set programmatically based on the value derived from your business logic
$(document).ready(function()
{
var month=0;
.... selectedDate: new Date(2014, month, 1),