datePicker Wiki

Basis Calendar

Features

• Support Jalali and Gregorian calendar
• Support for various languages (Farsi , English)
• Support define different Style for your calendar
• Support select date range
• Support switch between Jalali and Gregorian
• Show All Months and Years for filter by users

samples

• DatePicker Fa
• datePickerFa with input
• datePicker fa with second Culture (en)
• datePicker fa with second Culture (en) input
• datePicker En
• datePickerFa with input
• zero config
• datePicker With Switch Button.html

Getting started

installation

Add last version of BasisCore client library to your project

<script src="https://cdn.basiscore.net/_js/basiscore-2.4.16.min.js"></script>

const host = {
  repositories: {
    "bc.datepicker": "/basiscore.datepicker.component.js"
  },
};

Usage

Here's an example of basic usage of Calendar:

<Basis
  core="component.bc.datepicker"
  run="atclient"
  name="db.datepicker"
></Basis>

congratulations

Now you have a DatePicker Component

additional settings

You can add additional settings for your DatePicker

Example of settings

.

<script>
    const mySetting = {
        dateProvider: "basisCalendar",
        culture: "fa",
        lid: 1
    }
</script>

User guide

Properties

Name	Description	Default Value	Values values
dateProvider	Name of date provider	basisCalendar	basisCalendar / persianCalendar
culture	Culture of Datepicker	fa	fa / en
lid	language of DatePicker	1	1 / 2
todayButton	Show Today Button for show current month	false	false / true
yearsList	Show all years for user selection	false	false / true
monthList	Show all months for user selection	false	false / true
rangeDates	Allow the user to select a range of dates	false	false / true
switchType	show swtich button between Jalali and Gregorian calendar	false	false / true
secondCulture	show 2 cultures in DatePicker	false	false / true
theme	Use diffrent Themes	-	basic / ( add more themes ... )
type	Show Datepicker with input or Show DatePicker in page load	load	load / click