Inserte una IU de calendario básica en su página web-Calendar. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: RomanLevak
Views Total: 1,470
Sitio oficial: Ir a la web
Actualizado: August 20, 2018
Licencia: MIT

Vista prévia

Inserte una IU de calendario básica en su página web-Calendar. js

Descripción

Un componente de calendario básico escrito en ES6/LESS que muestra una interfaz de usuario de calendario bastante limpia en la aplicación Web.

Funcionamiento

Descargue e inserte los archivos JavaScript & CSS necesarios en el documento.

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

Cree un contenedor en el que desee colocar el calendario.

<div id="calendar-wrap">
</div>

Cree un nuevo calendario.

let calendar = new Calendar('calendar-wrap')

Reemplace las variables predeterminadas para personalizar la apariencia del componente de calendario.

@background: #0B0C10;
@border: #004E6D;
@gray: #4b5457;
@green: #2be6d6;
@text: #1E94A0;
@selected-item: #00172D;
@shadow: #000e1c;
@body-background: #0C101A;

Te puede interesar: