All Projects → loadchange → kalendar

loadchange / kalendar

Licence: MIT license
📅This is a lib for creating calendars

Programming Languages

typescript
32286 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to kalendar

Rdvcalendarview
Highly customizable calendarView and calendarViewController for iOS
Stars: ✭ 203 (+1591.67%)
Mutual labels:  calendar
Simple Calendar
A simple calendar with events, customizable widgets and no ads.
Stars: ✭ 2,696 (+22366.67%)
Mutual labels:  calendar
Ipoli Android
Fun & Motivational Todo List with Calendar for Android written in Kotlin. Using Redux, coroutines, Firebase and Clean Architecture.
Stars: ✭ 234 (+1850%)
Mutual labels:  calendar
Dayz
A calendar component for React
Stars: ✭ 210 (+1650%)
Mutual labels:  calendar
Customizablecalendar
CustomizableCalendar is a library that allows you to create your calendar, customizing UI and behaviour
Stars: ✭ 214 (+1683.33%)
Mutual labels:  calendar
Calendarview
A highly customizable calendar library for Android, powered by RecyclerView.
Stars: ✭ 2,862 (+23750%)
Mutual labels:  calendar
Ember Power Calendar
Powerful and customizable calendar component for Ember
Stars: ✭ 200 (+1566.67%)
Mutual labels:  calendar
Supercalendar
@deprecated android 自定义日历控件 支持左右无限滑动 周月切换 标记日期显示 自定义显示效果跳转到指定日期
Stars: ✭ 2,732 (+22666.67%)
Mutual labels:  calendar
Kalendar
Full featured, responsive, lightweight calendar in the browser.
Stars: ✭ 213 (+1675%)
Mutual labels:  calendar
Kin Web Client
Desktop Web Client for Kin Calendar.
Stars: ✭ 234 (+1850%)
Mutual labels:  calendar
Ymcalendar
Monthly event calendar framework for iOS
Stars: ✭ 212 (+1666.67%)
Mutual labels:  calendar
Cornercal
A simple, clean calendar and clock app for macOS.
Stars: ✭ 213 (+1675%)
Mutual labels:  calendar
React Native Add Calendar Event
Create, view or edit events in react native using the standard iOS / Android dialogs
Stars: ✭ 225 (+1775%)
Mutual labels:  calendar
Jbcalendardatepicker
A replacement for UIDatePicker made for Catalyst.
Stars: ✭ 203 (+1591.67%)
Mutual labels:  calendar
React Native Calendario
📆 React Native Calendar
Stars: ✭ 234 (+1850%)
Mutual labels:  calendar
Hotel Datepicker
Date range picker for hotels
Stars: ✭ 202 (+1583.33%)
Mutual labels:  calendar
Aaf Easydiary
📘 A diary application optimized for user experience.
Stars: ✭ 216 (+1700%)
Mutual labels:  calendar
Vue Datepicker Ui
Datepicker Component For Vue
Stars: ✭ 252 (+2000%)
Mutual labels:  calendar
Profiles
👍 Make JavaScript Great Again
Stars: ✭ 238 (+1883.33%)
Mutual labels:  calendar
Elegantcalendar
The elegant full screen calendar missed in SwiftUI.
Stars: ✭ 224 (+1766.67%)
Mutual labels:  calendar

Kalendar

Date table data generation

中文

Note: this is a JS library and does not contain a UI

It is used to generate the data structure shown below

Installation

There are two ways,

  1. npm install kalendar --save
  2. download dist/kalendar.js, Into your own projects.

Use the help

options:

  • startTime: Start time :'2019-01' default current month
  • endTime: three months after the default start time of '2019-03'
  • unifiedMount: Fields that need to be mounted uniformly for all dates {'price':370}
  • mount: Separate mount items {'2019-03-14': {'festival': 'Valentine's Day','price':'368'}} ,Encountered the same Key of unifiedMount, overwriting the Value of unifiedMount
  • weekStart: Weeks start with 0 for Sunday, 1 for Monday, and so on, and the default is 0
  • continuous: Null disconnect dates are not used.(Works with the static method monthly)
   const kalendar = new Kalendar({
         start: '2018-01',
         end: '2018-03',
         mount: {
             '2019-03-14': {'festival': 'Valentine's Day'}
         },
         weekStart: 0
   });
   console.log(kalendar);

The following object structure is obtained by Kalendar

  1. Kalendar.monthly(options)

    Used to build a month's worth of data

  2. new Kalendar(options)

Internal properties

The data of each Day is stored in weekly units under the object of month data. In the Day object, in addition to the commonly used year, month and Day information, There is also user-mounted extended data and the Date object of the day (available through the attribute: _DateObject_)

  • _DateObject_ : The Date object of the day
  • year : Year
  • month: Month(0-11)
  • date: Date(1-31)
  • day: Day (0-6) Sunday - Saturday
  • dateText: '2019-01-12'
  • past: Less than today's date for true
  • today: Is equal to the date of today for true
  • ... : Other user mount fields
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].