JSFiddle - React, Tailwind, and code Playground
by Magni Hansen
HTML
<script src="http://www.romo-holidays.dk/js/language/jquery.ui.datepicker-da.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.min.js"></script>
<div id="calendar_house_inline_jquery" style="float:left; display:block;"></div>
JavaScript
var regno = '29-2360';
var cal_language = 'DK';
var cal_regional = 'da';
var cal_bid = 'SOS';
var cal_startdate = (getParam("startdate") != '') ? getParam("startdate") : '';
var cal_enddate = (getParam("enddate") != '') ? getParam("enddate") : (cal_startdate != '') ? formatDate(addDays(parseDate(cal_startdate), 7)) : '';
var calendarArrivalDays = [];
var calendarDepartureDays = [];
var calDays = 0;
var calendarStart;
var calendarEnd;
var selectedArrivalDate = null;
var selectedDepartureDate = null;
var isDepartureClickable;
var currentOpenCalendar = '';
//input: Date object and number of offset days , output: modified Date object
function addDays(date, days) {
if (date instanceof Date) {
return new Date(date.getTime() + days * 24 * 60 * 60 * 1000);
}
}
//input: Date object and number of offset months , output: modified Date object
function addMonths(date, months) {
if (date instanceof Date) {
return date.setMonth(date.getMonth() + months);
}
}
//input: Date object , output: modified Date object
function getFirstDayInMonth(date) {
if (date instanceof Date) {
return new Date(date.getFullYear(), date.getMonth(), 1);
}
}
//input: Date object , output: modified Date object
function getLastDayInMonth(date) {
if (date instanceof Date) {
return new Date(date.getFullYear(), date.getMonth() + 1, 0);
}
}
//input: Date object , output: string
function formatDate(d) {
if (d instanceof Date) {
var curr_date = (parseInt(d.getDate()) < 10) ? "0" + d.getDate() : d.getDate();
var monthnumber = parseInt(d.getMonth()) + 1; //Months are zero based
var curr_month = (monthnumber < 10) ? "0" + monthnumber : monthnumber;
...