Question

我正在使用完整的日历。我在日历中显示了一些内容。

1）默认情况下，它在所有日期字段中显示数据。

2）我有开始日期和结束日期日历。我想根据选定的开始和结束日期显示数据。例如，如果我选择startdate 01/08/2016并结束14/08/2016。

我想仅根据开始日期和结束日期显示数据。

＆＃13;

$('#calendar').fullCalendar({
	header: {
		left: 'prev,next today',
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},
	defaultDate: '2014-06-12',
	editable: true,
});
$("td.fc-day.fc-widget-content").each(function( index ) {
    var random = Math.floor(Math.random()*100);
    $(this).append("<span style='font-size: 30px;font-weight: 600;color: green;'>"+random+"%</span>");
});

＆＃13;

body {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#calendar {
	width: 900px;
	margin: 0 auto;
}

＆＃13;

Start Date :<input type="text" id="endDate" name="end_datum" class="input_text" value=""> 
End date :<input type="text" id="endDate" name="end_datum" class="input_text" value=""></br></br></br></br>

<div id='calendar'></div>

＆＃13;

Answer 1

因此在我的示例中，我使用start和end作为静态变量，您需要从开始和结束中获取输入以动态使用它。因此，请指定开始日期和结束日期，然后我们将date指定为当前对象date属性值。然后我们将创建一个名为day的日期，并使用if语句确保day大于start且小于end，如果它通过则你有你的处理代码。这是一个有效的JSFiddle。

$("td.fc-day.fc-widget-content").each(function( index ) {
    var start = moment('2014-06-04'); //start date from start date input
    var end = moment('2014-06-18'); //end date from end date input
    var random = Math.floor(Math.random()*100);
    var date = $(this).data('date'); //get current date in loop
    var day = moment(date); //create a moment

    //if day is greater than start date and less than end date, display.
    if(day > start && day < end) {
        $(this).append("<span style='font-size: 30px;font-weight: 600;color: green;'>"+random+"%</span>");
    }
});

根据fullcalendar中选定的开始和结束日期显示数据

1 个答案: