我想创建一个像Google日历这样的活动日历 [英] I want to create an Event Calendar like Google Calendar

问题描述

我的工作要求我创建一个类似于具有类似功能的Google日历的活动日历。我目前正在使用VB开发ASP.NET。活动日历将是一个门户网站。 ASP.NET是否具有此类功能，我可以从哪里开始查找有关此主题的更多信息？

I am asked at my work to create an event calendar similar to Google Calendar with similar functionality. I am currently developing in ASP.NET using VB. The event calendar will be a web portal. Does ASP.NET have such functionality and where could I start finding more information on this topic?

推荐答案

您可以像这样使用Javascript：

You can use Javascript for this like this:

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/smoothness/jquery-ui.css" />
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>


    <script type="text/javascript">
        var holiDays = [[2013, 05, 01, 'Maharashtra Day'], [2013, 08, 15, 'Independence Day'], [2013, 08, 28, 'JANMASHTAMI'], [2013, 09, 09, 'GANESH CHATURTHI'], [2013, 10, 02, 'GANDHI JAYNTI'], [2013, 10, 13, 'DASARA'], [2013, 11, 03, 'LAXMI PUJAN'], [2013, 11, 04, 'DIWALI'], [2013, 11, 05, 'BHAUBEEJ'], [2014, 01, 26, 'REPUBLIC DAY '], [2014, 03, 17, 'HOLI']];

（function（）{

(function () {

（＃date）。datepicke r（{
beforeShowDay：setHoliDays
}）;

//设置在beforeShowDay
函数中配置的假日函数setHoliDays（date）{
for（i = 0; i < ; holiDays.length; i ++） {

如果 （date.getFullYear（） = = holiDays [i] [0]

&& date.getMonth（） = = holiDays [i] [1] - 1

&& date .getDate（） = = holiDays [i] [2]） {

< span class =code-attribute> return [true， '假日'， holiDays [i] [3]];

}

< span class =code-attribute> }

return [true， ''];

}

}）;

< / script >
< style 类型 = text / css >
.ui-datepicker td.holiday a，.ui-datepicker td.holiday a：hover {
背景：无#FFEBAF;
border：1px solid＃BF5A0C;
}
.auto-style1
{
margin-right：0px;
}
< / style >

("#date").datepicker({ beforeShowDay: setHoliDays }); // set holidays function which is configured in beforeShowDay function setHoliDays(date) { for (i = 0; i < holiDays.length; i++) { if (date.getFullYear() == holiDays[i][0] && date.getMonth() == holiDays[i][1] - 1 && date.getDate() == holiDays[i][2]) { return [true, 'holiday', holiDays[i][3]]; } } return [true, '']; } }); </script> <style type="text/css"> .ui-datepicker td.holiday a, .ui-datepicker td.holiday a:hover { background: none #FFEBAF; border: 1px solid #BF5A0C; } .auto-style1 { margin-right: 0px; } </style>

然后在体内：



< input type =textid =date/>

and then in body:

<input type="text" id="date" />

这篇关于我想创建一个像Google日历这样的活动日历的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！