1
我正在使用基础日期选择器和完整日历。我requiement是,根据所选月份打开完整日历
1)如果我选择在日历中的任何日期,
例如,当前月份是2016年七月如果我选择在十一月日期或任何其他月份的基础上日期选择器,完整的日历应该开始作为选定的月份。请看小提琴。一个日期选择器和一个完整的日历在那里。
请看下面的小提琴。
Defaultly完整的日历在七月一个月。在开始时,一个日期选择器在那里。如果我更改日期选择器上的任何日期,那么本身fullCalendar应该在选定的月份上执行。
\t var nowTemp = new Date();
var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
var checkin = jQuery('#startDate').fdatepicker({
format: "dd.mm.yyyy",
}).data('datepicker');
var checkout = jQuery('#endDate').fdatepicker({
format: "dd.mm.yyyy",
}).on('changeDate', function (ev) {
}).data('datepicker');
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
var events_array = [
{
title: 'Test1',
start: new Date(2012, 8, 20),
tip: 'Personal tip 1'},
{
title: 'Test2',
start: new Date(2012, 8, 21),
tip: 'Personal tip 2'}
];
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
events: events_array,
eventRender: function(event, element) {
element.attr('title', event.tip);
}
});
});
$(".fc-header-left").hide();
$(".fc-header-right").hide();
$(window).scroll(function() {
if ($(this).scrollTop() > 1){
$('.fc-border-separate thead').addClass("sticky");
}
else{
$('.fc-border-separate thead').removeClass("sticky");
}
});
\t .tag{
background-color:#000;
color:#fff;
padding:3px;
max-height:60px;
overflow: visible;
position: fixed;
z-index:999;
}
.tag:after {
content: "";
border-top: 16px solid red;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
position: absolute;
bottom: -16px;
left: calc(50% - 8px);
}
.fc-border-separate thead.sticky{
\t width: 100%;
\t position: fixed;
\t top:0px;
\t left:0px;
\t display:table;
\t background: #fff;
}
</br>
Datepicker :<input type="text" id="endDate" name="end_datum" class="input_text" value=""></br></br></br></br>
<div style="border:solid 2px red;">
\t <div id='calendar'></div>
</div>
<div class="tag hide" id="cal-info">
</div>
太感谢你了 –
欢迎@sathishkumar ...':)'! – vijayP