Sharing Top Content from the Angular-sphere.

AngularJS Event Calendar/Scheduler

  • — My open-source AJAX controls: DayPilot for JavaScript/HTML5/jQuery – Calendar/Scheduling Control for JavaScript DayPilot for ASP.NET – Calendar/Scheduling Control for ASP.NET WebForms DayPilot for MVC – Calendar/Scheduling Control for ASP.NET MVC DayPilot for Java – Calendar/Scheduling Control for Java
  • October 25, 2015: CSS Theme Designer added (event calendar, navigator controls supported), DayPilot Lite for JavaScript 1.2 SP2 available
  • The events are set using events object ( daypilot-events=”events” )
  • I want to use same calendar as event calendar for event management.
  • Angular will detect the change and notify the calendar, the calendar will update itself automatically.

Day/week AngularJS event calendar/scheduler with drag and drop support. PHP and ASP.NET MVC backends.; Author: Dan Letecky; Updated: 9 Jan 2017; Section: Client side scripting; Chapter: Web Development; Updated: 9 Jan 2017

@codeproject: AngularJS Event Calendar/Scheduler by Dan Letecky

] library to build a calendar/scheduling web application.

The server part is very light-weight and is based on simple JSON messages.

]) adds an AngularJS plugin.

The plugin provides element-based AngularJS directives that will let you create the calendar UI components easily:

directives to create a simple scheduling application with the following components:

Sample JSON response:

“) that will let the user switch between the day and week calendar view:

AngularJS element. It will let us switch the visible date:

You can build your own CSS theme for DayPilot AngularJS Event Calendar using the online CSS theme designer. It is a WYSIWYG editor that lets you create themes by specifying styles for the calendar elements (events, headers, time cells).

AngularJS Event Calendar/Scheduler