Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
vue3-persian-datetime-picker
Advanced tools
Readme
A vue plugin to select jalali date and time
See documentation and demo at vue-persian-datetime-picker.
If you are using vuejs 2, please refer to this repository.
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/moment"></script>
<script src="https://cdn.jsdelivr.net/npm/moment-jalaali@0.9.4/build/moment-jalaali.js"></script>
<script src="/dist/vue3-persian-datetime-picker.umd.min.js"></script>
<div id="app">
<date-picker v-model="date"></date-picker>
</div>
<script>
Vue.createApp({
data: function() {
return {
date: '1400/01/01'
}
},
components: {
DatePicker: Vue3PersianDatetimePicker
}
}).mount('#app')
</script>
npm install vue3-persian-datetime-picker --save
Configuration for moment to ignore loading locales:
// vue.config.js:
module.exports = {
//..
configureWebpack: {
plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)]
},
//...
}
vitejs configuration:
// vite.config.js
// ...
export default defineConfig({
// ...
resolve: {
mainFields: [
'browser',
'module',
'main',
'jsnext:main',
'jsnext'
]
}
})
// main.js
import { createApp } from 'vue'
import Vue3PersianDatetimePicker from 'vue3-persian-datetime-picker'
const app = createApp({})
app.component('DatePicker', Vue3PersianDatetimePicker)
app.mount('#app')
Or in component
<template>
<date-picker v-model="date"></date-picker>
</template>
<script>
import DatePicker from 'vue3-persian-datetime-picker'
export default {
data(){
return {
date: ''
}
},
components: { DatePicker }
}
</script>
// main.js
import Vue3PersianDatetimePicker from 'vue3-persian-datetime-picker'
const app = createApp({})
app.use(Vue3PersianDatetimePicker, {
name: 'CustomDatePicker',
props: {
format: 'YYYY-MM-DD HH:mm',
displayFormat: 'jYYYY-jMM-jDD',
editable: false,
inputClass: 'form-control my-custom-class-name',
placeholder: 'Please select a date',
altFormat: 'YYYY-MM-DD HH:mm',
color: '#00acc1',
autoSubmit: false,
//...
//... And whatever you want to set as default.
//...
}
})
Then use in component
<custom-date-picker v-model="date"></custom-date-picker>
This project is licensed under the MIT License
custom-input
input-attrs
@next-month
and @prev-month
events@year-change
and @month-change
eventsFAQs
A vue plugin to select jalali date and time
The npm package vue3-persian-datetime-picker receives a total of 1,066 weekly downloads. As such, vue3-persian-datetime-picker popularity was classified as popular.
We found that vue3-persian-datetime-picker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.