Recurring Appointments
Documentation
This example demonstrates how to define recurring appointments. You can specify the appointment repetition interval programmatically or in the UI. In the former case, the appointment object should contain the recurrenceRule field. In the latter case, toggle the Repeat switcher on the appointment details form to mark the appointment as recurring and specify the required fields.
Thank you!
We appreciate your feedback.
We appreciate your feedback.
jQuery
AngularJS
Angular
ASP.NET MVC
ASP.NET Core
@model DevExtreme.NETCore.Demos.ViewModels.RecurringAppointmentsViewModel
@(Html.DevExtreme().Scheduler()
.ID("scheduler")
.DataSource(Model.Appointments)
.Views(new SchedulerViewType[] {
SchedulerViewType.Day,
SchedulerViewType.Week,
SchedulerViewType.Month
})
.CurrentView(SchedulerViewType.Month)
.CurrentDate(new DateTime(2017, 5, 25))
.StartDayHour(9)
.FirstDayOfWeek(FirstDayOfWeek.Monday)
.Resources(res => {
res.Add()
.FieldExpr("RoomId")
.ValueExpr("Id")
.ColorExpr("Color")
.Label("Room")
.DataSource(Model.Resources);
})
.Height(600)
.TextExpr("Text")
.StartDateExpr("StartDate")
.EndDateExpr("EndDate")
.RecurrenceRuleExpr("RecurrenceRule")
.RecurrenceExceptionExpr("RecurrenceException")
)
using DevExtreme.NETCore.Demos.Models.SampleData;
using DevExtreme.NETCore.Demos.ViewModels;
using Microsoft.AspNetCore.Mvc;
using System;
using System.Collections.Generic;
using System.Linq;
namespace DevExtreme.NETCore.Demos.Controllers {
public class SchedulerController : Controller {
public ActionResult RecurringAppointments() {
return View(new RecurringAppointmentsViewModel {
Appointments = SampleData.RecurringAppointments,
Resources = SampleData.RecurringAppointmentsResources
});
}
}
}
using System;
namespace DevExtreme.NETCore.Demos.Models {
public class RecurringAppointment {
public string Text { get; set; }
public int RoomId { get; set; }
public DateTime StartDate { get; set; }
public DateTime EndDate { get; set; }
public string RecurrenceRule { get; set; }
public string RecurrenceException { get; set; }
}
}
using System;
using System.Collections.Generic;
using System.Linq;
namespace DevExtreme.NETCore.Demos.Models.SampleData {
public partial class SampleData {
public static List<RecurringAppointment> RecurringAppointments {
get {
return new List<RecurringAppointment> {
new RecurringAppointment {
Text = "Watercolor Landscape",
RoomId = 1,
StartDate = new DateTime(2017, 5, 1, 9, 30, 0),
EndDate = new DateTime(2017, 5, 1, 11, 0, 0),
RecurrenceRule = "FREQ=WEEKLY;BYDAY=TU,FR;COUNT=10"
},
new RecurringAppointment {
Text = "Oil Painting for Beginners",
RoomId = 2,
StartDate = new DateTime(2017, 5, 1, 9, 30, 0),
EndDate = new DateTime(2017, 5, 1, 11, 0, 0),
RecurrenceRule = "FREQ=WEEKLY;BYDAY=MO,TH;COUNT=10"
},
new RecurringAppointment {
Text = "Testing",
RoomId = 3,
StartDate = new DateTime(2017, 5, 1, 12, 0, 0),
EndDate = new DateTime(2017, 5, 1, 13, 0, 0),
RecurrenceRule = "FREQ=WEEKLY;BYDAY=MO;WKST=TU;INTERVAL=2;COUNT=2"
},
new RecurringAppointment {
Text = "Meeting of Instructors",
RoomId = 4,
StartDate = new DateTime(2017, 5, 1, 9, 0, 0),
EndDate = new DateTime(2017, 5, 1, 9, 15, 0),
RecurrenceRule = "FREQ=DAILY;BYDAY=WE;UNTIL=20170601"
},
new RecurringAppointment {
Text = "Recruiting students",
RoomId = 5,
StartDate = new DateTime(2017, 5, 26, 10, 0, 0),
EndDate = new DateTime(2017, 5, 26, 11, 0, 0),
RecurrenceRule = "FREQ=YEARLY;BYWEEKNO=23",
RecurrenceException = "20170611T100000"
},
new RecurringAppointment {
Text = "Final exams",
RoomId = 3,
StartDate = new DateTime(2017, 5, 26, 12, 0, 0),
EndDate = new DateTime(2017, 5, 26, 13, 35, 0),
RecurrenceRule = "FREQ=YEARLY;BYWEEKNO=24;BYDAY=TH,FR"
},
new RecurringAppointment {
Text = "Monthly Planning",
RoomId = 4,
StartDate = new DateTime(2017, 5, 26, 14, 30, 0),
EndDate = new DateTime(2017, 5, 26, 15, 45, 0),
RecurrenceRule = "FREQ=MONTHLY;BYMONTHDAY=27;COUNT=1"
},
new RecurringAppointment {
Text = "Open Day",
RoomId = 5,
StartDate = new DateTime(2017, 5, 1, 9, 30, 0),
EndDate = new DateTime(2017, 5, 1, 13, 0, 0),
RecurrenceRule = "FREQ=YEARLY;BYYEARDAY=148"
}
};
}
}
}
}
using System;
namespace DevExtreme.NETCore.Demos.Models.SampleData {
public class RecurringAppointmentsResource {
public int Id { get; set; }
public string Text { get; set; }
public string Color { get; set; }
}
}
using System;
using System.Collections.Generic;
using System.Linq;
namespace DevExtreme.NETCore.Demos.Models.SampleData {
public partial class SampleData {
public static List<RecurringAppointmentsResource> RecurringAppointmentsResources {
get {
return new List<RecurringAppointmentsResource> {
new RecurringAppointmentsResource {
Id = 1,
Text = "Room 101",
Color = "#bbd806"
},
new RecurringAppointmentsResource {
Id = 2,
Text = "Room 102",
Color = "#f34c8a"
},
new RecurringAppointmentsResource {
Id = 3,
Text = "Room 103",
Color = "#ae7fcc"
},
new RecurringAppointmentsResource {
Id = 4,
Text = "Meeting room",
Color = "#ff8817"
},
new RecurringAppointmentsResource {
Id = 5,
Text = "Conference hall",
Color = "#03bb92"
}
};
}
}
}
}