We Keep Coding

JQuery Doesn't Respond After Swal Alert

I am having a problem with my JQuery code, after swal alert, it doesn't append value to the inputs.
What I do first I check if the value of the start_date is Empty if yes then swal alert, then when I select it the values won't append to the boxes...
function ChangeDate() {
debugger;
var Startdate = document.getElementById("lease_stattdate").value;
var thisDate = new Date(Startdate);
var month = thisDate.getMonth();
var year = thisDate.getFullYear();
var dateSelected = thisDate.getUTCDate();
var firstDay = 1;
var LastDate = new Date(year, month + 1, 0);
var LastDay = LastDate.getDate();
var today = new Date();
var TodayMonth = today.getMonth();
var date = true;
if (month <= TodayMonth) {
jQuery.noConflict();
swal("Error!", "Please select upcoming month!", "warning");
$('#lease_stattdate').val('');
$('#renewal_notice').val('');
$('#end_date').val('');
$('#termination_notice').val('');
window.location.reload();
}
if (month > TodayMonth && dateSelected > firstDay) {
jQuery.noConflict();
swal("Error!", "Please select first day of the month!", "warning");
$('#lease_stattdate').val('');
$('#renewal_notice').val('');
$('#end_date').val('');
$('#termination_notice').val('');
window.location.reload();
}
if (month > TodayMonth && dateSelected == firstDay) {
var tempday = 15;
var nextdate = new Date(year, month + 23, tempday);
var NXmonth = nextdate.getMonth();
var NXyear = nextdate.getFullYear();
var terminateday = new Date(NXyear, NXmonth + 1, 0).getDate();
var exitdate = new Date(NXyear, NXmonth, terminateday).toLocaleDateString('en-ZA');
var renewalNotice = new Date(NXyear, NXmonth-2, 1).toLocaleDateString('en-ZA');
var terminationNotice = new Date(NXyear, NXmonth, 1).toLocaleDateString('en-ZA');
$('#renewal_notice').val(renewalNotice);
$('#end_date').val(exitdate);
$('#termination_notice').val(terminationNotice);
}
}

disable button while retrieving data from local storage and updating the date input

I am trying to implement a function that checks if the date and time I choose have already been chosen before, if so, it gives an error, if not it lets me carry on with adding the ticket. The current function does save options to local storage, however it looks like it doesn't retrieve them for me and allows me to choose the same date twice.
var count = 0;
function store() {
let clickCounter = localStorage.getItem("clickCount");
if (!clickCounter) {
localStorage.setItem("clickCount", 0);
clickCounter = "0";
}
clickCounter = parseInt(clickCounter);
document.getElementById('inc').value = ++count;
if (clickCounter == 100) {
console.log("Limit reached");
return;
} else {
localStorage.setItem("clickCount", clickCounter + 1);
}
console.log("Saving");
var e = document.getElementById("time");
var time = e.options[e.selectedIndex].text;
var date = document.querySelector("input").value;
localStorage.setItem(JSON.stringify(time), date);
console.log(localStorage);
if (!localStorage.getItem("history")) {
localStorage.setItem("history", "[]");
}
const history = JSON.parse(localStorage.getItem("history"));
history.push({ [JSON.stringify(time)]: date });
localStorage.setItem("history", JSON.stringify(history));
console.log(localStorage.getItem("history"));
}
function myDate(date) {
var today = new Date();
var newDate = new Date(date);
var nextWeek = new Date();
var pastWeek = new Date();
nextWeek.setDate(nextWeek.getDate() + 7);
pastWeek.setDate(pastWeek.getDate() - 7);
const dateInput = document.getElementById('date');
if (newDate < pastWeek || newDate > nextWeek) {
document.getElementById("time").disabled = true;
console.log("error")
return;
} else {
document.getElementById("time").disabled = false;
}
}

perform redirection if event time plus 4 hours is more than current time in js

There is a variable which contains event time. I want to redirect user if event time + 04:38 is more than current time.
Below is the code i have tried:
var deadline = getDayInstance("Monday","08:00:59")
function getDayInstance(day,time) {
const days = {"Sunday":0,"Monday":1,"Tuesday":2,"Wednesday":3,"Thursday":4,"Friday":5,"Saturday":6};
if(days[day]!==undefined)
var dayINeed = days[day];
else
var dayINeed = 2; // for Tuesday
const today = moment().tz("America/Los_Angeles").isoWeekday();
var dt;
// if we haven't yet passed the day of the week that I need:
if (today <= dayINeed) {
dt = moment().tz("America/Los_Angeles").isoWeekday(dayINeed).format('YYYY-MM-DD')+"T"+time;
}
else {
dt = moment().tz("America/Los_Angeles").add(1, 'weeks').isoWeekday(dayINeed).format('YYYY-MM-DD')+"T"+time;
}
console.log("Event Time: "+dt);
var maxLimit = Date.parse(moment(time,'HH:mm:ss').tz("America/Los_Angeles").add({"hours":4,"minutes":43,"seconds":33}).format("YYYY-MM-DDTHH:mm:ss"));
var now = Date.parse(moment().tz("America/Los_Angeles").format('YYYY-MM-DDTHH:mm:ss'));
if(maxLimit < now)
{
dt = moment().tz("America/Los_Angeles").add(1, 'weeks').isoWeekday(dayINeed).format('YYYY-MM-DD')+"T"+time;
window.setVideo = false;
}
console.log(moment(time,'HH:mm:ss').tz("America/Los_Angeles").add({"hours":4,"minutes":43,"seconds":33}).format("YYYY-MM-DDTHH:mm:ss"));
console.log(moment().tz("America/Los_Angeles").format('YYYY-MM-DDTHH:mm:ss'));
return dt;
}
var maxLimit = Date.parse(moment(deadline,'YYYY-MM-DDTHH:mm:ss').add({"hours":4,"minutes":43,"seconds":33}).format("YYYY-MM-DDTHH:mm:ss"));
var now = Date.parse(moment().tz("America/Los_Angeles").format('YYYY-MM-DDTHH:mm:ss'));
if(maxLimit>=now){
var redirectTo = $("#lp-pom-button-673").attr('href');
if(redirectTo.length > 3){
window.location.href = redirectTo;
}
else{
window.location.href = "https://******/";
}
}
I need to maintain timezone in calculation.

I got the answer of this after refining the process theoretically and then try to implement it in JS. Below is the new code that can be used for this.
var deadline = getDayInstance("Tuesday", "02:32:00");
var maxLimit,now;
function getDayInstance(day,time) {
const days = {"Sunday":0,"Monday":1,"Tuesday":2,"Wednesday":3,"Thursday":4,
"Friday":5,"Saturday":6};
if(days[day]!==undefined)
var dayINeed = days[day];
else
var dayINeed = 2; // for Tuesday
const today = moment().tz("America/Los_Angeles").isoWeekday();
var dt;
// if we haven't yet passed the day of the week that I need:
if (today <= dayINeed) {
dt = moment().tz("America/Los_Angeles").isoWeekday(dayINeed)
.format('YYYY-MM-DD')+"T"+time;
}
else {
dt = moment().tz("America/Los_Angeles").add(1, 'weeks')
.isoWeekday(dayINeed).format('YYYY-MM-DD')+"T"+time;
}
var d = new Date(dt);
d.setHours(d.getHours() + 4);
d.setMinutes(d.getMinutes() + 43);
d.setSeconds(d.getSeconds() + 32);
max = Date.parse(d);
now = Date.parse(moment().tz("America/Los_Angeles").format('YYYY-MM-DDTHH:mm:ss'));
if(maxLimit < now)
{
dt = moment().tz("America/Los_Angeles").add(1, 'weeks')
.isoWeekday(dayINeed).format('YYYY-MM-DD')+"T"+time;
}
return dt;
}
if(maxLimit>=now){
var redirectTo = $("#lp-pom-button-673").attr('href');
if(redirectTo.length > 3){
window.location.href = redirectTo;
}
else{
window.location.href = "https://******/";
}
}

Not able to get the date value from the textbox using angularjs

I have a html textbox, I have added the class 'date-picker' in the textbox. I'm not able to get the date values from the text box, but I give string or normal text values instead of date which is picked from datepicker. It is working fine. Appreciate your assistance to get the value to me. The windows.load function is used in my datepicker plugin(for reference).
<input class="date-picker" ng-model="Cr_ParentId" id="txt_parentcrid" type="text" placeholder=":input" />
(function ($) {
/* "YYYY-MM[-DD]" => Date */
function strToDate(str) {
try {
var array = str.split('-');
var year = parseInt(array[0]);
var month = parseInt(array[1]);
var day = array.length > 2? parseInt(array[2]): 1 ;
if (year > 0 && month >= 0) {
return new Date(year, month - 1, day);
} else {
return null;
}
} catch (err) {}; // just throw any illegal format
};
/* Date => "YYYY-MM-DD" */
function dateToStr(d) {
/* fix month zero base */
var year = d.getFullYear();
var month = d.getMonth();
return year + "-" + (month + 1) + "-" + d.getDate();
};
$.fn.calendar = function (options) {
var _this = this;
var opts = $.extend({}, $.fn.calendar.defaults, options);
var week = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var tHead = week.map(function (day) {
return "<th>" + day + "</th>";
}).join("");
_this.init = function () {
var tpl = '<table class="cal">' +
'<caption>' +
' <span class="prev">←</span>' +
' <span class="next">→</span>' +
' <span class="month"><span>' +
"</caption>" +
"<thead><tr>" +
tHead +
"</tr></thead>" +
"<tbody>" +
"</tbody>" + "</table>";
var html = $(tpl);
_this.append(html);
};
function daysInMonth(d) {
var newDate = new Date(d);
newDate.setMonth(newDate.getMonth() + 1);
newDate.setDate(0);
return newDate.getDate();
}
_this.update = function (date) {
var mDate = new Date(date);
mDate.setDate(1); /* start of the month */
var day = mDate.getDay(); /* value 0~6: 0 -- Sunday, 6 -- Saturday */
mDate.setDate(mDate.getDate() - day) /* now mDate is the start day of the table */
function dateToTag(d) {
var tag = $('<td></td>');
var a = tag.find('a');
a.text(d.getDate());
a.data('date', dateToStr(d));
if (date.getMonth() != d.getMonth()) { // the bounday month
tag.addClass('off');
} else if (_this.data('date') == a.data('date')) { // the select day
tag.addClass('active');
_this.data('date', dateToStr(d));
}
return tag;
};
var tBody = _this.find('tbody');
tBody.empty(); /* clear previous first */
var cols = Math.ceil((day + daysInMonth(date))/7);
for (var i = 0; i < cols; i++) {
var tr = $('<tr></tr>');
for (var j = 0; j < 7; j++, mDate.setDate(mDate.getDate() + 1)) {
tr.append(dateToTag(mDate));
}
tBody.append(tr);
}
/* set month head */
var monthStr = dateToStr(date).replace(/-\d+$/, '');
_this.find('.month').text(monthStr)
};
_this.getCurrentDate = function () {
return _this.data('date');
}
_this.init();
/* in date picker mode, and input date is empty,
* should not update 'data-date' field (no selected).
*/
var initDate = opts.date? opts.date: new Date();
if (opts.date || !opts.picker) {
_this.data('date', dateToStr(initDate));
}
_this.update(initDate);
/* event binding */
_this.delegate('tbody td', 'click', function () {
var $this = $(this);
_this.find('.active').removeClass('active');
$this.addClass('active');
_this.data('date', $this.find('a').data('date'));
/* if the 'off' tag become selected, switch to that month */
if ($this.hasClass('off')) {
_this.update(strToDate(_this.data('date')));
}
if (opts.picker) { /* in picker mode, when date selected, panel hide */
_this.hide();
}
});
function updateTable(monthOffset) {
var date = strToDate(_this.find('.month').text());
date.setMonth(date.getMonth() + monthOffset);
_this.update(date);
};
_this.find('.next').click(function () {
updateTable(1);
});
_this.find('.prev').click(function () {
updateTable(-1);
});
return this;
};
$.fn.calendar.defaults = {
date: new Date(),
picker: false,
};
$.fn.datePicker = function () {
var _this = this;
var picker = $('<div></div>')
.addClass('picker-container')
.hide()
.calendar({'date': strToDate(_this.val()), 'picker': true});
_this.after(picker);
/* event binding */
// click outside area, make calendar disappear
$('body').click(function () {
picker.hide();
});
// click input should make calendar appear
_this.click(function () {
picker.show();
return false; // stop sending event to docment
});
// click on calender, update input
picker.click(function () {
_this.val(picker.getCurrentDate());
return false;
});
return this;
};
$(window).load(function () {
$('.jquery-calendar').each(function () {
$(this).calendar();
});
$('.date-picker:text').each(function () {
$(this).datePicker();
});
});
}($));

how to test if a value is greater than another value in an array. javascript

i'm trying to do a function in javascript inorder to catch a file that have the last date. My problème is how to compare the date value that is found in an array. I have tried the code below
//indentifiant[0] is an id that i caught in the file name
//all_response is the content of the file
var timeSusDat = stats.mtime + all_response;
if (filesPerUser[identifiant[0]]) {
filesPerUser[identifiant[0]].push(timeSusDat);
} else {
var testtab = [timeSusDat];
filesPerUser[identifiant[0]] = testtab;
};
function onlyLastDate(table) {
for (var d in table) {
id = table[d];
for (var db in table[d]) {
data = table[d][db];
date = data.split('/');
var testDate = new Date(date[0]).getTime();
console.log(testDate);
}
}
}

function rangeDate(testDate){
var dateStart = new Date($('#dateStart').val()).getTime();
var dateEnd = new Date($('#dateEnd').val()).getTime();
if (dateStart <= testDate && testDate <= dateEnd) {
date = true;
return date;
}else{
date = false;
return date;
}
}