Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/jamespjarvis/simple-vue2-datetimepicker

a vue.js component for easy date and time picking.
https://github.com/jamespjarvis/simple-vue2-datetimepicker

Last synced: about 2 months ago
JSON representation

a vue.js component for easy date and time picking.

Lists

README 

        
# SIMPLE VUE 2 DATE TIME PICKER



Vue.js component for easy date and time picking.



![](usage.gif)



## Installation



```bash

# npm

npm i simple-vue2-datetimepicker

```



```bash

# yarn

yarn add simple-vue2-datetimepicker

```



```bash

# unpkg

https://unpkg.com/simple-vue2-datetimepicker

```



## Usage



### Component



```html



  


    

  



  import DateTimePicker from "simple-vue2-datetimepicker";



  export default {

    name: "App",

    components: {

      DateTimePicker

    },

    data() {

      return {

        myDate: new Date(),

        options: {

            // defaults

          timeFormat: {

            locale: "en-US",

            weekday: "short",

            year: "numeric",

            month: "short",

            day: "numeric",

            hour: "numeric",

            minute: "numeric",

            hour12: true

          },

          display: {

            maxWidth: 400

          }

        }

      };

    }

  };



```

### Global



```javascript

import DateTimePicker from "simple-vue2-datetimepicker";

Vue.component('datetimepicker', DateTimePicker);

```



### Plugin



```javascript

import DateTimePicker from "simple-vue2-datetimepicker";

Vue.use(DateTimePicker);

```



## Development



- clone this repository

- install dependencies

- start the webpack development server with `yarn serve` or `npm run serve`

- go to `http://localhost:8080` in your browser