Giter VIP home page Giter VIP logo

vue-ctk-date-time-picker's Introduction

vue-ctk-date-time-picker

vue-ctk-date-time-picker

A vue component for select date & time (by Chronotruck)

Demo

A demo is available

Install

npm install vue-ctk-date-time-picker --save

In single component

import CtkDateTimePicker from 'vue-ctk-date-time-picker'

var yourComponent = new Vue({
  components: { CtkDateTimePicker },
  ...
})
<template>
  ...
  <ctk-date-time-picker
    v-model="value"
    label="Choose a date time"
    :hint="'Text'"
    :error-hint="true"
    color="#FF0000" />
  ...
</template>  

Props API

Props Type Required Default
v-model String/Int yes -
label String no Select date & time
hint* text no -
error-hint** Boolean no false
color*** String (hex) no dodgerblue
minute-interval Int no 1
formatted string no 'llll' (momentjs format)
format string no 'YYYY-MM-DDTHH:mm'
time-format string no 'H:mm a'
locale string no en
disable-time Boolean no false
disable-date Boolean no false
without-header Boolean no false
id string no CtkDateTimePicker
min-date**** string no -
max-date**** string no -
without-button-action Boolean no false

*hint : Is a text that replaces the label/placeholder

**error-hint : When is true --> Input border & label are red

***color: Replace color for the hint, the borders & time selected in dropdown

****min-date & max-date : Must be 'YYYY-MM-DD' format

Contribution

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

vue-ctk-date-time-picker's People

Contributors

louismazel avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.