🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL
  1. Home
  2. jQuery Plugins
  3. Calendar + task list (vanilla js)

Calendar + task list (vanilla js)

My first finished and working js "app". It's a simple calendar with task list for every day. Actual day is highlighted, days with all tasks finished have green indicator, with unfinished tasks red one. Tasks are stored in localStorage. It's a ugly spaghetti code, need rewrite/refactor to oo + observer pattern, mvc or subscribe/ publish.

Calendar
Demo Tutorial

See the Pen by kmiasko (@kmiasko) on CodePen.

This awesome script developed by kmiasko. Visit their official repository for more information and follow for future updates.

You May Also Like

Creating A Responsive Flat Event Calendar with jQuery Kalendar Plugin

Simple Animated jQuery Calendar Plugin with Bootstrap - SuperCal

Animated jQuery Event Calendar Plugin - Pretty Calendar

jQuery Plugin For Date Range Selector - Range Calendar

jQuery Plugin To Create A Modern Calendar - Sharp Calendar

jQuery Plugin To Add Custom Events To Online Calendar Apps - AddCalEvent

Simple jQuery Calendar and Schedule Plugin For Bootstrap - Bic Calendar

Github Like jQuery Data Visualization Plugin - Glance Year

jQuery Plugin To Display Google Calendar Feeds On Your Website

Creating An Upcoming Events App with jQuery and moment.js - Eventify

Easy Weekly Calendar Plugin For jQuery - easycal

Simple Clean jQuery Calendar & Date Picker Plugin

jQuery Yearly Calendar & Date Range Picker Plugin

Flexible and Multi-Language jQuery Calendar & Datepicker Plugin - Ion.Calendar

Create A Basic Weekly Schedule with Hour Selector Using jQuery

Basic Lightweight jQuery Calendar Plugin - Yacal

Simple Responsive Availability Calendar Plugin For jQuery

jQuery Google Calendar Event List Widget - gCalFlow

Create A Simple Event Calendar with jQuery - e-calendar

AJAX-enabled Event Calendar Plugin For jQuery - Bootstrap Calendar

Simple Year Calendar Plugin For jQuery and Bootstrap

Basic Schedule / Calendar Plugin With jQuery - Weekly Scheduler

Pretty Event Calendar & Datepicker Plugin For jQuery - Calendar.js

Easy Dynamic Event Calendar Plugin For jQuery - tempust

Dynamic Daily Event Calendar Plugin With jQuery - Layoutday

Simple jQuery Calendar and Date Picker Plugin - DCalendar

Pretty jQuery Date Picker & Monthly Calendar Plugin

Customizable Event Calendar Plugin For jQuery - Calendar.js

Basic Year Calendar Generator With jQuery - full-year-calendar.js

Minimalist Calendar Plugin For jQuery - Calendar.js

Basic Responsive Event Calendar Plugin - jQuery Equinox

Minimal Monthly Event Calendar Plugin For jQuery - pbcalendar

Calendario - Flexibel and Transparent Calendar Plugin

Minimal Event Calendar Plugin With jQuery - mini-event-calendar.js

Convenient Calendar & Date Picker Component - jQuery tui.date-picker

Beautiful Multifunctional Calendar Plugin For jQuery - PIGNOSE Calender

Simple Responsive Event Calendar Plugin For jQuery - jquery-calendar.js

Mobile-friendly Calendar and Schedule Plugin - jQuery Calendar.js

Basic Multilingual Calendar & Date Picker Plugin For jQuery

Ultra Simple Calendar With onClick Callback - jQuery jsRapCalendar

Responsive Calendar For Bootstrap 4 - calendarJS

Full Size and Drag & Drop Calendar Plugin - FullCalendar

jQuery Plugin To Display Google Calendar Feeds On Website

Dynamic Horizontal Calendar With Events - jQuery RESCalendar

Animated Event Calendar In jQuery - Simple Calendar

Minimal Clean Event Calendar Plugin For jQuery

Scrollable jQuery Week Picker And Calendar Plugin - scrollableCalendar

Pretty Bootstrap-style Datetime Picker Plugin - Perfect-DateTimePicker

Calendar Heatmap Plugin With jQuery And Moment.js - CalendarHeatmap

Persian (Jalali) Calendar & Data Picker Plugin With jQuery - kamaDatepicker

Fully Configurable jQuery Date Picker Plugin For Bootstrap

Table Based jQuery Calendar & Schedule Plugin - TimeSheet

Simple Calendar and Date Picker Plugin - PickMeUp

jQuery Plugin for World Calendars - calendars

Customizable Year Calendar Plugin For Bootstrap 4

Super Simple Event Calendar Plugin For jQuery - dnCalendar

Calendar + task list (vanilla js)

Simple Calendar

Responsive Bootstrap Calendar Grid

A Pen by chris

Forebruary inspired js calendar

Dice Calendar

Fictional Pancake

Full Screen Flat Calendar

Brighton Advent Calendar 2018

Calendar App Icon

#003 Daily UI Challenge | Shipp Calendar

Event calendar

CSS Grid Calendar

fullCalendar with custom agenda view

jQuery Plugins

AngularJs Plugins