Persian Date & Time Picker For Vue.js

A Material Design persian date & time picker for Vue.js that enables your users to select jalali date and time from a calendar popup.

Usage:

import VuePersianDatetimePicker from 'vue-persian-datetime-picker'

export default {
    data(){
        return {
            date: ''
        }
    },
    components: {
        datePicker: VuePersianDatetimePicker
    }
}

<template>
  <div>
      <date-picker v-model="date"></date-picker>
  </div>
</template>

Preview:

Persian Date & Time Picker For Vue.js

Changelog:

v2.10.4 (03/04/2022)

  • bugfixes

v2.10.3 (01/06/2022)

  • bugfix

v2.10.2 (12/24/2021)

  • fix: jump-minutes using mouse wheel

v2.10.1 (11/13/2021)

  • fix: built module (showing undefined for all dates)

v2.10.0 (11/04/2021)

  • Added support for display format when using custom-input

v2.9.0 (10/31/2021)

  • Fixed: Using jumpMinute and roundMinute together

v2.9.0 (09/27/2021)

  • update

v2.8.0 (08/01/2021)

  • fix: transition direction

v2.7.0 (07/24/2021)

  • feat: change time by keyboard

v2.6.1 (05/16/2021)

  • Fix Year and Month

v2.6.0 (02/06/2021)

  • feat: close on escape press

v2.5.0 (01/30/2021)

  • Added Range option (for type date only)
  • Fixed Bugs

11/13/2020

  • v2.4.1: fix: support Date format

10/17/2020

  • v2.4.0

Download Details:

Author: talkhabi

Live Demo: https://talkhabi.github.io/vue-persian-datetime-picker/

Download Link: https://github.com/talkhabi/vue-persian-datetime-picker/archive/master.zip

Official Website: https://github.com/talkhabi/vue-persian-datetime-picker

Install & Download:

# NPM
$ npm install vue-persian-datetime-picker --save

Add Comment