Kalendae-Detailed explanation of the use of JavaScript date selection and calendar controls (picture)

Kalendae-JavaScript Detailed explanation of the use of date selection and calendar controls

##Kalendae is a date selection control and calendar component completely based on JavaScript. It is worth mentioning that Kalendae does not rely on any third-party JS script library. Instead, it uses native JavaScript to implement such a powerful date selection control.

Kalendae has the following characteristics:

• Completely based on JavaScript, no dependencies, no

  jQuery.

• Customizable skins, basically no

  pictures, completely relying on CSS files to customize the skin.

• Date selection supports single day and multi-day range.

• Customize the displayed date number.

• can be placed directly on the page and used as a

  calendar control.

• For the selected date, you can customize the date format.

• Provides some commonly used date conversion

  functions.

Some renderings of Kalendae:

# #Kalendae

Usage example

Code:

new Kalendae(document.body, {
	months:1,
	mode:'single',
	selected:Kalendae.moment().subtract({M:1})
});

new Kalendae({
	attachTo:document.body,
	months:2,
	mode:'single',
	selected:Kalendae.moment().subtract({M:1})
});

new Kalendae({
	attachTo:document.body,
	months:3,
	mode:'single',
	selected:Kalendae.moment().subtract({M:1})
});

The above is the detailed content of Kalendae-Detailed explanation of the use of JavaScript date selection and calendar controls (picture). For more information, please follow other related articles on the PHP Chinese website!