Press "Enter" to skip to content

A Vue Plugin To Select Jalali Date And Time | persian-datetime-picker

Persian vue date and time picker is a Persian material design date and time picker for Vue.js that enables your users to select Jalali date and time from the popup calendar window.

persian date time picker jquery, date time picker code, datepicker persian example, persian date picker android, bootstrap persian datetimepicker

How to make use of it:

npm:

npm install vue-persian-datetime-picker --save

Configuration for the moment to ignore the local download.

// webpack.config.js:
module.exports.plugins = [
  //...
  new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
  //...
]

// vue.config.js:
module.exports = {
  //..
  configureWebpack: {
    plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)]
  },
  //...
}

Usage:

// main.js
//...
import VuePersianDatetimePicker from 'vue-persian-datetime-picker';
Vue.component('date-picker', VuePersianDatetimePicker);
//...
<template>
  <div>
    <date-picker v-model="date"></date-picker>
  </div>
</template>
 
<script>
import VuePersianDatetimePicker from 'vue-persian-datetime-picker'
export default {
  data(){
    return {
      date: ''
    }
  },
  components: {
    datePicker: VuePersianDatetimePicker
  }
}
</script>

Persian Date & Time Picker For Vue.js, vue-persian-datetime-picker Plugin/Github, persian datepicker npm


See Demo And Download

Official Website(talkhabi): Click Here

This superior jQuery/javascript plugin is developed by talkhabi. For extra Advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *