截图：

控制器代码：代码复制代码代码如下：公共操作结果日历显示(){ BL .DateEventBL de=新BL .dateventbl()；//获取当日日期，使用能被爪哇岛描述语言转换成日期的格式datetime formatinfo myDTFI=新的区域性信息(' en-US '，false).日期时间格式字符串世界协调时=日期时间.现在。ToString('MMM dd，yyyy HH:mm:ss '，myDTFI)；查看数据['当前日期']=utc时间；//获取当月有事件的日期列表日期时间日期事件=de .GetTimeHaveEvent(DateTime .现在。年，日期时间。现在。月);列表字符串日期=日期事件。选择(u=u.ToString('MMM dd，yyyy HH:mm:ss '，myDTFI)).to list()；查看数据[' DateEvent ']=日期；//获取当日事件列表BL .CDateEvent deInfos=de .GetDE(DateTime .现在，新guid(' 00000000-0000-0000-0000-00000001 ')；//获取当前周BL .DateSpanBL ds=新BL .DateSpanBL()；int currentWeek=ds .GetCurrentWeek(DateTime .现在，新guid(' 00000000-0000-0000-0000-00000002 ')；查看数据['当前wek ']=当前wek；返回视图(DeinFoS)；} partialview(局部视图): 代码复制代码代码如下： %@控制语言='C# '继承='系统网络。MVC。viewusercontrolienumerablebl。cdateevent"%"字符串JSON=列表字符串dateSeveevent=查看数据[' dateSeveevent ']作为列表字符串；% % if (datesHaveEvent！=空日期事件.计数0){ JSON='['；for(int I=0；我约会了一个事件。计数；i ) { if (i==datesHaveEvent .count-1){ JSON=' { ' time ' : ' ' DateSheevent .位于(I)“”}”的元素；//最后一项} else { JSON=' { ' time ' : ' ' DateShaveEvent .ElementAt(i) ''}，'；//} } JSON=']'；} % div id='datePicker'/div br /当前是第span style=' color : ReD ' font-size :14 px；'%=查看数据['当前wek ']%/span周br/%=DateTime .现在。ToshortDateString()% br/% foreach(模型中的定义变量项){ % %=Html .编码（项目内容)% % } % br/div id=“其他事件”样式=“宽度：300 px”/div javascript(脚本): 代码复制代码代码如下： ///服务器与客户端当前时间的转换var a=' %=查看数据[' CurrentDay ']% '；var b=日期。解析(a)；var serviceDate=新日期(b );var客户端日期=新日期()；var年份偏移量=服务日期。getyear()-客户端日期。getyear()；var monthofset=服务日期。getmonth()-客户端日期。getmonth()；var dayofset=服务日期。get date()-客户端日期。getdate()；///获取日期列表var jsn=eval(' %=JSON % ')；$(function(){ var options={ prev text : '上一月', //跳转到上一页的提示文本' nextText: '下一月', //跳转到下一页的提示文本minDate: -30，maxDate: 30，hideIfNoPrevNext: false，defaultdate : ' '年偏移' y ' monthOffset ' m ' dayofset ' d '，在show day : DisplayDayHaveEvent之前，//显示每个日期之前的操作选择：时，选择/选择一个日期的回调函数};函数DisplayDayHaveEvent(date){ for(var I=0；{ var cc=Date.parse(jsn[i]).时间);可变时间=新日期(cc)；如果(日期。getmonth()==时间。getmonth()。约会。getdate()==时间。getdate()){ return[true，] } } return [false，]；}函数选择(dateText，inst) { $('#otherEvent ').load('//www。JB 51。网络/日历/活动详情？date=' DateText)；返回false} //初始化日期控件$(' #日期选择器').日期选择器(选项);})