Question

我做了一个应用程序，允许人们管理公司的假期。现在，我想在日历上显示这些假期。我在这个项目中使用了ASP.NET MVC 5和MongoDB。这是我的第一个使用ASP.NET的项目，所以我对它很新。

我一直在寻找一些教程，但我无法找到我想要的东西，所有教程都很老，并且使用WebForms。我找到了一些关于Event Calendar课程的信息，但它看起来很古老了... 如果您有任何想法，我应该看看的提示，教程告诉我。

谢谢，

Answer 1

使用Jquery UI日历，您可以轻松地执行以下操作：

 $(document).ready(function() {
   var SelectedDates = {};
   SelectedDates[new Date('04/05/2014')] = new Date('04/05/2014');
   SelectedDates[new Date('05/04/2014')] = new Date('05/04/2014');
   SelectedDates[new Date('06/06/2014')] = new Date('06/06/2014');

   var newDt = new Date();
   var year = newDt.getFullYear(); // Current Year

   $('#dvCalendar').datepicker({
     defaultDate: new Date((parseInt(year, 10) - 1), 12, 31),
     numberOfMonths: [4, 3],
     changeMonth: false,
     changeYear: false,
     duration: 'fast',
     stepMonths: 0,
     beforeShowDay: function(date) {
        var Highlight = SelectedDates[date];
        if (Highlight) {
            return [true, "Highlighted", Highlight];
        }
        else {
            return [true, '', ''];
        }
    }
  });
});

HTML

 <div id="dvCalendar">
 </div>

AND CSS

body
{
  font-family:Arial;
  font-size : 10pt;
  padding:5px;
}

.Highlighted a{
 background-color : Green !important;
 background-image :none !important;
 color: White !important;
 font-weight:bold !important;
 font-size: 12pt;
}

jsFiddle DEMO在这里：

Answer 2

如果您想使用带MVC的日历，请考虑使用一些javascript日历。

我可以推荐这个：

http://arshaw.com/fullcalendar/

FullCalendar是一个jQuery插件，提供全尺寸，拖放和放大器。下拉日历如下所示。它使用AJAX来获取事件每月动态，并可轻松配置为使用您自己的 Feed格式（为Google日历提供扩展程序）。它是可视化定制并公开用户触发事件的钩子（例如单击或拖动事件）。它是开源许可的麻省理工学院的许可证。

ASP.NET MVC5在日历中显示数据

2 个答案: