https://github.com/behzadi/persianDatepicker

A lightweight jQuery plugin that select persian(jalali) date with selectable years and months and other options.
https://github.com/behzadi/persianDatepicker

Last synced: 25 days ago
JSON representation

A lightweight jQuery plugin that select persian(jalali) date with selectable years and months and other options.

• Host: GitHub
• URL: https://github.com/behzadi/persianDatepicker
• Owner: behzadi
• License: mit
• Created: 2013-12-11T15:24:49.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2021-09-29T05:57:25.000Z (about 3 years ago)
• Last Synced: 2024-10-16T03:02:20.347Z (about 2 months ago)
• Language: JavaScript
• Homepage: http://behzadi.github.io/persianDatepicker
• Size: 1 MB
• Stars: 286
• Watchers: 12
• Forks: 98
• Open Issues: 26
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-persian - persianDatepicker - A lightweight jQuery plugin that select persian(jalali) date with selectable years and months and other options. (Jalali Date)

README

        
## [Demos and information](http://behzadi.github.io/persianDatepicker/ "http://behzadi.github.io/persianDatepicker/")

## About

persianDatepicker is A lightweight jQuery plugin that select persian(jalali) date. 

  

- **Browsers:** >IE8, Chrome, Firefox, safari, opera  

- **Light weight:** ~14k minified

- **Beautiful themes:** default, dark, latoja(new), lightorang(new), melon(new)

- **Size and font:** set the size (width & height) and fontsize for datepicker cells

- **Show persian numbers:** (۰ - ۹)

- **Select gregorian date:** (good way to convert jalali date to gregorian date)

- **Multi formatting date:** like ("YYYY/0M/DD hh:ss") becomes like **1392/07/22 16:45**

- **Selectable months and years:**  [1, 3, 4, 12]

- **Set startDate and endDate(new)** startDate: 1393/10/19, endDate: 1393/12/21

## Usage

1- include jQuery & persianDatepicker.js & persianDatepicker.css

```html

```

2- add your html element (input or span or etc)

```html



```

3- call the persianDatepicker plugin

```html

    $(function() {

        $("#input1, #span1").persianDatepicker();       

    });

```

## Options

To customize persian datepicker, simply pass in an options object: (defaults shown)

```javascript

$("#input1").persianDatepicker({

     months: ["فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر", "دی", "بهمن", "اسفند"],

        dowTitle: ["شنبه", "یکشنبه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنج شنبه", "جمعه"],

        shortDowTitle: ["ش", "ی", "د", "س", "چ", "پ", "ج"],

        showGregorianDate: !1,

        persianNumbers: !0,

        formatDate: "YYYY/MM/DD",

        selectedBefore: !1,

        selectedDate: null,

        startDate: null,

        endDate: null,

        prevArrow: '\u25c4',

        nextArrow: '\u25ba',

        theme: 'default',

        alwaysShow: !1,

        selectableYears: null,

        selectableMonths: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12],

        cellWidth: 25, // by px

        cellHeight: 20, // by px

        fontSize: 13, // by px                

        isRTL: !1,

        calendarPosition: {

            x: 0,

            y: 0,

        },

        onShow: function () { },

        onHide: function () { },

        onSelect: function () { },

        onRender: function () { }

});

```

## Credit

Created by [@kharabati](http://twitter.com/kharabati "@kharabati"))

use, share , fork , enjoy! , ...