如果事件介于两个日期之间,如何突出显示日历日期?

时间:2018-08-28 11:23:20

标签: javascript jquery json

代码:

<script>
    $(document).ready(function(){
        var events = [{Title:"Delhi Sight Seeing – Jama Masjid, Rajghat, President House, India Gate & Qutab Minar",Duration:"3 days, 2 nights",Date:new Date("08/29/2018"),End:new Date("08/31/2018")}];

        $("#calen").datepicker({
            beforeShowDay: function(date) {
                var result = [true, '', null];
                var matching = $.grep(events, function(event) {
                    return event.Date.valueOf() === date.valueOf();
                });
                if (matching.length) {
                    result = [true, 'highlight', null];
                }
                return result;
            },
            onSelect: function(dateText) {
                var date,
                selectedDate = new Date(dateText),
                i = 0,
                event = null;
                while (i < events.length && !event) {
                    date = events[i].Date;
                    if (selectedDate.valueOf() === date.valueOf()) {
                        event = events[i];
                    }
                    i++;
                }
                if (event) {
                    alert(event.Title);
                    alert(event.Duration);
                }
            }
        });
    });
</script>

我创建了事件日历,该日历非常适合单个日期,现在我想显示这些日期,并在它们显示onclick的任何日期显示event title

例如:假设日期08/29/2018,而结束08/31/2018。然后日历必须突出显示这些日期08/29/201808/30/201808/31/2018
那么,我该怎么做呢?

0 个答案:

没有答案