Gathering detailed insights and metrics for @topapplication/vue-persian-datetime-picker
Gathering detailed insights and metrics for @topapplication/vue-persian-datetime-picker
A vue plugin to select jalali date and time
Installations
npm install @topapplication/vue-persian-datetime-pickerDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
16.15.0
NPM Version
8.5.5
Releases
5
Languages
4
Vue
JavaScript
SCSS
Shell
Vue (65.67%)
JavaScript (18.27%)
SCSS (15.82%)
Shell (0.25%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
590 Stars
293 Commits
80 Forks
8 Watchers
3 Branches
5 Contributors
Updated on Jun 18, 2025
Maintainers
1
Package Meta Information
Latest Version
2.10.8
Package Id
@topapplication/vue-persian-datetime-picker@2.10.8
Unpacked Size
473.46 kB
Size
111.88 kB
File Count
25
NPM Version
8.5.5
Node Version
16.15.0
Published on
Jan 10, 2023
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Dev Dependencies
19
vue-persian-datetime-picker
A vue plugin to select jalali date and time
See documentation and demo at vue-persian-datetime-picker
If you are using vuejs 3, please refer to this repository.
Installation
browser
1<script src="https://cdn.jsdelivr.net/npm/vue"></script> 2<script src="https://cdn.jsdelivr.net/npm/moment"></script> 3<script src="https://cdn.jsdelivr.net/npm/moment-jalaali@0.9.2/build/moment-jalaali.js"></script> 4<script src="/dist/vue-persian-datetime-picker.umd.min.js"></script> 5<div id="app"> 6 <date-picker v-model="date"></date-picker> 7</div> 8<script> 9var app = new Vue({ 10 el: '#app', 11 data: { 12 date: '1397/02/02' 13 }, 14 components: { 15 DatePicker: VuePersianDatetimePicker 16 } 17}); 18</script>
npm
1npm install vue-persian-datetime-picker --save
Configuration for moment to ignore loading locales
1// webpack.config.js: 2module.exports.plugins = [ 3 //... 4 new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/) 5 //... 6] 7 8// vue.config.js: 9module.exports = { 10 //.. 11 configureWebpack: { 12 plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)] 13 }, 14 //... 15}
Usage
1// main.js 2//... 3import VuePersianDatetimePicker from 'vue-persian-datetime-picker'; 4Vue.component('date-picker', VuePersianDatetimePicker); 5//...
Or in component
1<template> 2 <div> 3 <date-picker v-model="date"></date-picker> 4 </div> 5</template> 6 7<script> 8import VuePersianDatetimePicker from 'vue-persian-datetime-picker' 9export default { 10 data(){ 11 return { 12 date: '' 13 } 14 }, 15 components: { 16 datePicker: VuePersianDatetimePicker 17 } 18} 19</script>
You can also set default values:
1// main.js 2import VuePersianDatetimePicker from 'vue-persian-datetime-picker'; 3Vue.use(VuePersianDatetimePicker, { 4 name: 'custom-date-picker', 5 props: { 6 inputFormat: 'YYYY-MM-DD HH:mm', 7 format: 'jYYYY-jMM-jDD HH:mm', 8 editable: false, 9 inputClass: 'form-control my-custom-class-name', 10 placeholder: 'Please select a date', 11 altFormat: 'YYYY-MM-DD HH:mm', 12 color: '#00acc1', 13 autoSubmit: false, 14 //... 15 //... And whatever you want to set as default 16 //... 17 } 18});
Then use in component
1<custom-date-picker v-model="date" />
Click to see full documentation and demo
Built With
- Vue.js - The Progressive JavaScript Framework.
- Moment.js - Parse, validate, manipulate, and display dates and times in JavaScript.
- moment-jalaali - A Jalaali (Jalali, Persian, Khorshidi, Shamsi) calendar system plugin for moment.js.
License
This project is licensed under the MIT License
Change log
2.10.4 (2022-03-04)
- Fixed change the time with keyboard in popover mode
- Fixed popover configuration
2.10.3 (2022-01-06)
2.10.2 (2021-12-24)
2.10.1 (2021-11-12)
- Fixed build problem #191 #190 #188
2.10.0 (2021-11-03)
- Feat: Added support for display format when using
custom-input
2.9.1 (2021-10-31)
2.9.0 (2021-09-27)
- Feat: Added simple-mode
- Feat: Added
input-attrs - Feat: Added
@next-monthand@prev-monthevents - Feat: Added
@year-changeand@month-changeevents - Fixed: Mouse wheel in Firefox
- Fixed: Prevent selected dates from being reset
2.8.0 (2021-08-01)
- Feat: Added ability to control route in show/close action
- Fixed Date change animation and transition
2.7.0 (2021-07-23)
- Fixed moment.parseZone
- Fixed Unwanted change of date when using
auto-submitandmultipletogether - Feat: Added slots for next-month and prev-month button
- Feat: Ability to change the time using the keyboard
2.6.1 (2021-05-17)
- Fixed year-month
2.6.0 (2021-02-05)
- Added multiple selection (for type
dateonly) - Added popover mode
- Close picker with
escapekey, fixes #141
2.5.0 (2021-01-30)
- Added range option (for type
dateonly) - Fixed #136
2.4.1 (2020-11-13)
2.4.0 (2020-10-17)
- Added
compat-timeto display time on the front page (in datetime mode) - Fixed clear value #125
- Fixed disabling in datetime mode #123
- Fixed timezone in the first and second half of the year #108
2.3.0 (2020-08-30)
- Added
convert-numbersprop that converts numbers to persian in fa locale:<date-picker convert-numbers />
2.2.0 (2020-08-02)
- Custom localization is now supported
- Added some slots
2.1.6 (2020-07-13)
2.1.5 (2020-04-19)
- Fixed wrong date in Safari browsers
- Fixed scroll to element (year section)
2.1.4 (2020-01-30)
- Fixed initial locale value
2.1.2 (2019-09-08)
- Fixed jumpMinute and roundMinute in datetime mode
- Fixed time animation effect
2.1.1 (2019-09-07)
- Fixed JumpMinute and hour change
2.1.0 (2019-08-19)
- Added "year-month" type
<date-picker type="year-month" />. fixed #70 - Timezone support
<date-picker type="datetime" :timezone="true" />. fixed #33
2.0.2 (2019-07-17)
- Flipped month change buttons in rtl direction
- Added label to locales. fixed #67
- Added display format to each locale. fixed #68
- Fixed wrong date on date-time picker mode
2.0.1 (2019-05-11)
2.0.0 (2019-01-16)
- Added gregorian support
<date-picker locale="en" /> - Added locale configuration support
- Improved css transitions
- Fixed min-max in time picker
1.1.7 (2018-12-31)
- Fixed critical error
1.1.6 (2018-12-29)
- Added jumpMinute and roundMinute to time-picker
<date-picker type="time" :jumpMinute="5" :roundMinute="true" /> - Added clear button
<date-picker :clearable="true" /> - Added inline mode
<date-picker :inline="true" /> - Fixed
tabkey press problem - Fixed responsive mode
- Fixed watching to
min-maxchanges
1.1.5 (2018-09-01)
- Added emit on open
- Added feature to highlight items and dates
1.1.4 (2018-08-12)
- Added label for display
- Added feature to disable some dates
- Added feature to disable or enable the datepicker
- Icons and css styles optimization
- Load component via script tag
1.1.3 (2018-05-22)
- Fixed "min-date" bug
1.1.2 (2018-05-12)
- Updated "moment-jalaali" version to 0.7.3
- Fixed "display-format" when is editable
- Reset "view" value
1.1.1 (2018-05-03)
- Added "append-to"
- Added "display format"
1.1.0 (2018-05-01)
- Added default settings feature
1.0.9 (2017-12-25)
- Clear input value
- Fixed editable input bug
- Added "Initial value"
- Package keywords
- Fixed css class name
- Fixed some other bugs
1.0.7 (2017-12-14)
- Avoid submitting form
- Auto submit on wrapper click
1.0.5 (2017-12-04)
- Fixed default value for "value"
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
Found 1/29 approved changesets -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
license file not detected
Details
- Warn: project does not have a license file
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 0 commits out of 2 are checked with a SAST tool
Reason
93 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8
- Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92
- Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw
- Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25
- Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg
- Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw
- Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x
- Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275
- Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c
- Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq
- Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q
- Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6
- Warn: Project is vulnerable to: GHSA-434g-2637-qmqr
- Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m
- Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw
- Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p
- Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747
- Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh
- Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7
- Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc
- Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx
- Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q
- Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c
- Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc
- Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp
- Warn: Project is vulnerable to: GHSA-pfrx-2q88-qq97
- Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m
- Warn: Project is vulnerable to: GHSA-rc47-6667-2j5j
- Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27
- Warn: Project is vulnerable to: GHSA-4www-5p9h-95mh
- Warn: Project is vulnerable to: GHSA-9gqv-wp59-fq42
- Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22
- Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp
- Warn: Project is vulnerable to: GHSA-896r-f27r-55mw
- Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h
- Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq
- Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488
- Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g
- Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw
- Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9
- Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm
- Warn: Project is vulnerable to: GHSA-6vfc-qv3f-vr6c
- Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-8hfj-j24r-96c4
- Warn: Project is vulnerable to: GHSA-wc69-rhjr-hc9g
- Warn: Project is vulnerable to: GHSA-56x4-j7p9-fcf9
- Warn: Project is vulnerable to: GHSA-v78c-4p63-2j6c
- Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5
- Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp
- Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq
- Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr
- Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765
- Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g
- Warn: Project is vulnerable to: GHSA-5fw9-fq32-wv5p
- Warn: Project is vulnerable to: GHSA-r8f7-9pfq-mjmv
- Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr
- Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j
- Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w
- Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6
- Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59
- Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j
- Warn: Project is vulnerable to: GHSA-3949-f494-cm99
- Warn: Project is vulnerable to: GHSA-x7hr-w5r2-h6wg
- Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp
- Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6
- Warn: Project is vulnerable to: GHSA-7mwh-4pqv-wmr8
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
- Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg
- Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94
- Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p
- Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9
- Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh
- Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36
- Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc
- Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3
- Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v
- Warn: Project is vulnerable to: GHSA-rqff-837h-mm52
- Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2
- Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j
- Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872
- Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx
- Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx
- Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6
- Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v
- Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h
- Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7
- Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q
- Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp
Score
1.3
/10
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More