Skip to content

Instantly share code, notes, and snippets.

@mauroreisvieira
Last active May 8, 2018 22:07
Show Gist options
  • Save mauroreisvieira/9a4b801a0dcf6bf43e240aeefd654b92 to your computer and use it in GitHub Desktop.
Save mauroreisvieira/9a4b801a0dcf6bf43e240aeefd654b92 to your computer and use it in GitHub Desktop.
Init Hello Week
<div class="hello-week">
<div class="hello-week__header">
<button class="demo-prev">Prev</button>
<div class="hello-week__label"></div>
<button class="demo-next">Next</button>
</div>
<div class="hello-week__week"></div>
<div class="hello-week__month"></div>
</div>
<script src="hello-week.min.js"></script>
<script>
new HelloWeek({
langFolder: '../dist/langs/',
lang: 'en',
format: 'DD-MM-YYYY',
defaultDate: '2018-06-01', // Only format YYYY-MM-DD
multiplePick: true,
daysHighlight: [
{
days: [
['2018-05-16', '2018-05-24'],
['2018-06-08', '2018-06-14']
],
backgroundColor: '#6495ed',
color: '#fff',
title: 'Summer Holidays'
},
{
days: ['2018-07-24'],
backgroundColor: '#f08080',
title: 'John Doe Birthday'
}
],
todayHighlight: true,
disableDates: false,
disablePastDays: false,
disabledDaysOfWeek: [0],
weekStart: 0,
range: false,
onLoad: () => { /** callback function */ },
onChange: () => { /** callback function */ },
onSelect: () => { /** callback function */ },
onClear: () => { /** callback function */ },
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment