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