DEV Community

loizenai
loizenai

Posted on

How to add Date Picker component to VueJs App using Pikaday

https://ozenero.com/date-picker-component-vuejs-pikaday

In this tutorial, grokonez.com shows you way to add a DatePicker component to VueJs App using Pikaday.

Overview

Demo

vue-date-picker-component-pikaday-example

Date Picker using Pikaday
Setup in Nodejs Project

There are 2 ways to integrate pikaday into a Nodejs Application:

  • We can run command: npm install pikaday.
    Then use Pikaday css with:

    
    @import './node_modules/pikaday/css/pikaday.css';
    
  • Or link to CDN:

    
    <script src="https://cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script>
    

    Then use css by this following code:

    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">
    

https://ozenero.com/date-picker-component-vuejs-pikaday

Top comments (0)