Nice Date Picker

Nice DatePicker with support for date ranges and no jquery dependency, easy styling and more.

Example

Demo Page

Use Setup

Install nice-date-picker

npm install nice-date-picker --save

UsAge

// import
import niceDatePicker from 'nice-date-picker'
 
// or require
var niceDatePicker  = require('nice-date-picker')
 
 
// or script
 
<link rel="stylesheet" href="../nice-date-picker.css">
<script src="../nice-date-picker.js"></script>
 

example

 
new niceDatePicker({
   dom:document.getElementById('calendar1-wrapper1'),
   onClickDate:function(date){
       document.querySelector('.calendar1-msg').innerHTML='calendar1 your selected '+date;
   }
});
 
new niceDatePicker({
    dom:document.getElementById('calendar1-wrapper2'),
    year:2017,
    month:5,
    mode:'en',
    onClickDate:function(date){
        document.querySelector('.calendar2-msg').innerHTML='calendar2 your selected '+date;
    }
});
 

Options

Option	Description
dom	the outer wrapper for the calendar instance （html dom）
year	calendar instance year
month	calendar instance year
mode	calendar instance Language default zh

License

MIT