Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery glDatePicker以累进月份显示多个日历_Jquery_Html_Css_Calendar - Fatal编程技术网

Jquery glDatePicker以累进月份显示多个日历

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

我正在使用最新版本的glDatePicker。我试图在一行中同时显示多个日历,所有日历都有自己的开始日期

我需要每个日历是+1个月的最后一个,这样我有3个渐进的月份。我看了又看,不知道怎么做

我觉得它需要类似于
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),