https://github.com/meyt/vue-datewheel

Simple iOS like date picker for Vue.
https://github.com/meyt/vue-datewheel

vue

Last synced: 2 months ago
JSON representation

Simple iOS like date picker for Vue.

• Host: GitHub
• URL: https://github.com/meyt/vue-datewheel
• Owner: meyt
• License: mit
• Created: 2022-04-26T00:50:43.000Z (about 3 years ago)
• Default Branch: master
• Last Pushed: 2024-05-30T16:05:38.000Z (about 1 year ago)
• Last Synced: 2025-03-23T19:51:26.183Z (3 months ago)
• Topics: vue
• Language: Vue
• Homepage: https://meyt.github.io/vue-datewheel
• Size: 3.74 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-datewheel

![Build Status](https://github.com/meyt/vue-datewheel/actions/workflows/main.yaml/badge.svg?branch=master)

Simple iOS like date picker for Vue.

Features:

- Based on Browser native [Intl](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl) implementation

- Zero dependency

- Multi-calendar

- Localization

- Mouse wheel and touch gestures

[Demo](https://meyt.github.io/vue-datewheel/?path=/story/vue-datewheel--basic)

## Install

Vue 2

```

npm install --save [email protected]

```

Vue 3

```

npm install --save vue-datewheel

```

## Usage:

```vue

  

    

      

      


    

  


import vueDatewheel from 'vue-datewheel'

import 'vue-datewheel/dist/vue-datewheel.css'

export default {

  components: {

    vueDatewheel,

  },

  data () {

    return {

      selectedDate: null

    }

  }

}

```