Minimal Date Picker Calendar In Pure JS – pureJSCalendar

Category: Date & Time , Javascript | January 13, 2019
Author: MrGuiseppe
Views Total: 1,743
Official Page: Go to website
Last Update: January 13, 2019
License: MIT

Preview:

Minimal Date Picker Calendar In Pure JS – pureJSCalendar

Description:

A pure JavaScript calendar component allows the user to select a date from a clean calendar popup. Without any dependencies.

How to use it:

Download and import the pureJSCalendar’s files into the html file.

<link rel="stylesheet" href="css/calendar.css">
<script src="scripts/pureJSCalendar.js"></script>

Create an input filed to store the selected date.

<input type="text" id="example">

Open the calendar and save the selected date in the input field you just created.

// pureJSCalendar.open(dateFormat, x, y, firstDayOfWeek, minDate, maxDate, element, zindex)
pureJSCalendar.open('dd.MM.yyyy', 20, 30, 1, '2018-5-5', '2019-8-20', 'example', 20)

Close the calendar.

pureJSCalendar.close()

Changelog:

01/13/2018

  • JS update

You Might Be Interested In:

Leave a Reply