Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
92 changes: 8 additions & 84 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,70 +1,20 @@
# vue3-persian-datetime-picker
# vite-vue3-persian-datetime-picker

[![npm version](https://badge.fury.io/js/vue3-persian-datetime-picker.svg)](https://www.npmjs.com/package/vue3-persian-datetime-picker)
[![npm version](https://badge.fury.io/js/vite-vue3-persian-datetime-picker.svg)](https://badge.fury.io/js/vite-vue3-persian-datetime-picker)

> A vue plugin to select jalali date and time

This package is a fork of [vue3-persian-datetime-picker](https://github.com/talkhabi/vue3-persian-datetime-picker) which is migrated to use vite as build tool instead of webpack.

See documentation and demo at [vue-persian-datetime-picker](https://talkhabi.github.io/vue-persian-datetime-picker).

If you are using vuejs 2, please refer to [this repository](https://talkhabi.github.io/vue-persian-datetime-picker).

## Installation
### browser
```html
<script src="https://unpkg.com/vue@next"></script>
<script src="https://cdn.jsdelivr.net/npm/moment"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/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
```bash
npm install vue3-persian-datetime-picker --save
```

Configuration for moment to ignore loading locales:
```javascript
// vue.config.js:
module.exports = {
//..
configureWebpack: {
plugins: [new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)]
},
//...
}
```

vitejs configuration:
```javascript
// vite.config.js
// ...
export default defineConfig({
// ...
resolve: {
mainFields: [
'browser',
'module',
'main',
'jsnext:main',
'jsnext'
]
}
})
npm install vite-vue3-persian-datetime-picker --save
```


Expand All @@ -73,7 +23,7 @@ export default defineConfig({
// main.js

import { createApp } from 'vue'
import Vue3PersianDatetimePicker from 'vue3-persian-datetime-picker'
import Vue3PersianDatetimePicker from 'vite-vue3-persian-datetime-picker'
const app = createApp({})
app.component('DatePicker', Vue3PersianDatetimePicker)
app.mount('#app')
Expand All @@ -85,7 +35,7 @@ Or in component
</template>

<script>
import DatePicker from 'vue3-persian-datetime-picker'
import DatePicker from 'vite-vue3-persian-datetime-picker'
export default {
data(){
return {
Expand All @@ -102,7 +52,7 @@ Or in component
```javascript
// main.js

import Vue3PersianDatetimePicker from 'vue3-persian-datetime-picker'
import Vue3PersianDatetimePicker from 'vite-vue3-persian-datetime-picker'
const app = createApp({})
app.use(Vue3PersianDatetimePicker, {
name: 'CustomDatePicker',
Expand Down Expand Up @@ -137,29 +87,3 @@ Then use in component
## License

This project is licensed under the MIT License


## Change log

### 1.2.2 (2022-02-10)
* Fixed: "value" is no longer needed.

### 1.2.1 (2022-02-09)
* Fixed: [Moment jalali localeData is not a function](https://github.com/talkhabi/vue3-persian-datetime-picker/pull/5)
* Fixed: [Watch model value](https://github.com/talkhabi/vue3-persian-datetime-picker/pull/8)

### 1.2.0 (2021-11-04)
* Feat: Added support for display format when using [`custom-input`](https://talkhabi.github.io/vue-persian-datetime-picker/guide/custom-input.html)
* Fixed: [Using jumpMinute and roundMinute together](https://github.com/talkhabi/vue-persian-datetime-picker/issues/182)
* Fixed: [Typescript declaration](https://github.com/talkhabi/vue3-persian-datetime-picker/issues/4)

### 1.1.0 (2021-10-01)
* Feat: [Added simple-mode](https://talkhabi.github.io/vue-persian-datetime-picker/#/simple-mode)
* Feat: [Added `input-attrs`](https://github.com/talkhabi/vue-persian-datetime-picker/issues/170)
* Feat: [Added `@next-month` and `@prev-month` events](https://github.com/talkhabi/vue-persian-datetime-picker/issues/176)
* Feat: Added `@year-change` and `@month-change` events
* Fix: [Mouse wheel in Firefox](https://github.com/talkhabi/vue-persian-datetime-picker/issues/174)
* Fix: Prevent selected dates from being reset

### 1.0.0 (2021-08-14)
* Migrated to Vue3
1,857 changes: 1,857 additions & 0 deletions bun.lock

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions dist/App.vue.d.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=App.vue.d.ts.map
1 change: 1 addition & 0 deletions dist/App.vue.d.ts.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

32 changes: 32 additions & 0 deletions dist/assets/index-C9ZLIEAG.js

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions dist/assets/index-DLLF6YTq.css

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading