We Keep Coding

convert the object into the appropriate date format

I have a DateInfo class and I have a method (toString) that returns the appropriate date format. What to use to not write my own method (toString) just use the built-in Date object?
I have a DateInfo class and I have a method (toString) that returns the appropriate date format. What to use to not write my own method (toString) just use the built-in Date object and get the same effect??
Class DateInfo{
day= 3,
hour=18,
minute= 22,
month= 11,
second=54,
timeZoneOffset= -60,
year= 2022
private isInteger(value: any): value is number {
return (
typeof value === 'number' &&
isFinite(value) &&
Math.floor(value) === value
);
}
public toString(): string {
if (
this.isInteger(this.year) &&
this.isInteger(this.month) &&
this.isInteger(this.day)
) {
const year = this.year.toString().padStart(2, '0');
const month = this.month.toString().padStart(2, '0');
const day = this.day.toString().padStart(2, '0');
if (!this.hour) {
this.hour = 0;
}
if (!this.minute) {
this.minute = 0;
}
if (!this.second) {
this.second = 0;
}
if (!this.timeZoneOffset) {
this.timeZoneOffset = new Date().getTimezoneOffset();
}
const hour = this.hour.toString().padStart(2, '0');
const minute = this.minute.toString().padStart(2, '0');
const second = this.second.toString().padStart(2, '0');
const tzo = -this.timeZoneOffset;
const dif = tzo >= 0 ? '+' : '-',
pad = function (num) {
const norm = Math.floor(Math.abs(num));
return (norm < 10 ? '0' : '') + norm;
};
const isoString = `${pad(year)}-${pad(month)}-${pad(day)}T${pad(
hour
)}:${pad(minute)}:${pad(second)}${dif}${pad(tzo / 60)}:${pad(tzo % 60)}`;
return isoString;
}
return null;
}
}

Count the number of days per month between two dates

I have two inputs type date and one input type text.
When I pick two dates I would like to know how many dates are picked between per month.
Example:
first-date: 28.08.2020.
last-date: 3.09.2020.
Result: 4 days in 08. month and 3 days in 09. month
What I have right now is script that counts the number of days between two dates
function GetDays() {
var dropdt = new Date(document.getElementById("dep").value);
var pickdt = new Date(document.getElementById("arr").value);
return parseInt((dropdt - pickdt) / (24 * 3600 * 1000));
}
function cal() {
if (document.getElementById("dep")) {
document.getElementById("number-of-dates").value = GetDays();
}
}
<form action="">
<input id="arr" type="date" name="arr" onchange="cal()">
<input id="dep" type="date" name="dep" onchange="cal()">
<input id="number-of-dates" type="text">
</form>
https://jsfiddle.net/768qrhz3/1/

Something like this? You get the days per month even for leap years like february 2020.
function getDays() {
var dropdt = new Date(document.getElementById("arr").value);
var pickdt = new Date(document.getElementById("dep").value);
var result = "";
for (var year = dropdt.getFullYear(); year <= pickdt.getFullYear(); year++) {
var firstMonth = (year == dropdt.getFullYear()) ? dropdt.getMonth() : 0;
var lastMonth = (year == pickdt.getFullYear()) ? pickdt.getMonth() : 11;
for (var month = firstMonth; month <= lastMonth; month++) {
var firstDay = (year === dropdt.getFullYear() && month === firstMonth) ? dropdt.getDate() : 1;
var lastDay = (year === pickdt.getFullYear() && month === lastMonth) ? pickdt.getDate() : 0;
var lastDateMonth = (lastDay === 0) ? (month + 1) : month
var firstDate = new Date(year, month, firstDay);
var lastDate = new Date(year, lastDateMonth, lastDay);
result += (month + 1) + " - " + parseInt((lastDate - firstDate) / (24 * 3600 * 1000) + 1) + "; ";
}
}
return result;
}
function cal() {
if (document.getElementById("dep")) {
document.getElementById("number-of-dates").value = getDays();
}
}
<form action="javascript:void(0);">
<input id="arr" type="date" name="arr" value="2019-09-15">
<input id="dep" type="date" name="dep" value="2020-03-15">
<button onclick="cal()">Calculate</button>
<input style="width:400px" id="number-of-dates" type="text">
</form>

Can you try the below code.
var a = '28.09.2020';
var b = '03.10.2020';
var calculateNumberOfDaysPerMonthAndYear = function(a, b) {
function compareDatesOnBasedOfMonthAndYear(a, b) {
if (b[2] > a[2]) return 1;
if (b[2] < a[2]) return -1;
if (b[1] > a[1]) return 1;
if (b[1] < a[1]) return -1;
return 0;
}
function getNextMonth(a) {
var nextMonth = [ ...a ];
nextMonth[1] += 1;
if (nextMonth[1] === 13) {
nextMonth[1] = 1;
nextMonth[2] += 1;
}
return nextMonth;
}
var finalJson = {};
var daysInMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
var splittedDateA = a.split('.').map(d => parseInt(d));
var splittedDateB = b.split('.').map(d => parseInt(d));
var key = splittedDateA[1] + '.' + splittedDateA[2];
finalJson[key] = daysInMonth[splittedDateA[1] - 1] + 1 - splittedDateA[0];
if (splittedDateA[2] % 4 === 0) finalJson[key] += 1;
var currentDate = getNextMonth(splittedDateA);
while(compareDatesOnBasedOfMonthAndYear(currentDate, splittedDateB)) {
key = currentDate[1] + '.' + currentDate[2];
finalJson[key] = daysInMonth[currentDate[1] - 1];
currentDate = getNextMonth(currentDate);
}
key = splittedDateB[1] + '.' + splittedDateB[2];
finalJson[key] = splittedDateB[0];
return finalJson;
};
console.log(calculateNumberOfDaysPerMonthAndYear(a, b));
The output will be a JSON object with key as the combination of month and year (eg. 8.2020) and the value will be the number of days.
I hope that helps

i think you could try out moment.js is a pretty nice to handle date and time.
https://momentjscom.readthedocs.io/en/latest/moment/04-displaying/07-difference/
var a = moment([2007, 0, 29]);
var b = moment([2007, 0, 28]);
a.diff(b, 'days') // 1

const oneDay = 24 * 60 * 60 * 1000; // hours*minutes*seconds*milliseconds
const firstDate = new Date(2019, 10, 11);
const secondDate = new Date(2019, 11, 11);
const diffDays = Math.round(Math.abs((firstDate - secondDate) / oneDay));

Compare Date range with moment.js

I am trying to get the following output:
Here is my code:
const start = "12/7/2018";
const end = "10/6/2019";
var startLease = moment(start, "MM/DD/YYYY");
var endLease = moment(end, "MM/DD/YYYY");
var array = [];
var i = 0;
var nextEnd;
while (1 == 1) {
var nextStart = nextEnd ? (nextEnd.date() > 28 ? nextEnd : nextEnd) : nextEnd || startLease.clone().add(i, 'M');
nextEnd = startLease.clone().add(i + 1, 'M') > endLease ? endLease : startLease.clone().add(i + 1, 'M');
if (nextEnd.date() > 28) {
nextEnd.subtract(1, 'days')
} else {}
array.push(nextEnd.diff(nextStart, 'days'));
if (nextEnd >= endLease) {
break;
} else {}
i += 1
}
console.log(array);
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
Issue:
Instead of going from 7th-6th, it goes from 7th-7th of every month. I tried .subtract(1, 'days') but that doesn't output the correct values. However, this works for end of the month.
Any help is appreciated. Thank you.

I added some logging to your loop and cut it off after one iteration.
Only the first month is wrong for your example, so the issue is your expectation that if you add 1 month to December 7, 2018, you'll get January 6, 2019 (you'll actually get January 7, 2019).
I'm not sure what the condition that leads to subtracting a day is supposed to do. nextEnd.date() will resolve to the day of the month, which is always less than 28 for your example.
const start = "12/7/2018";
const end = "10/6/2019";
var startLease = moment(start, "MM/DD/YYYY");
var endLease = moment(end, "MM/DD/YYYY");
var array = [];
var i = 0;
var nextEnd;
while (1 == 1) {
var nextStart = nextEnd ? (nextEnd.date() > 28 ? nextEnd : nextEnd) : nextEnd || startLease.clone().add(i, 'M');
console.log(nextStart);
nextEnd = startLease.clone().add(i + 1, 'M') > endLease ? endLease : startLease.clone().add(i + 1, 'M');
console.log(nextEnd);
if (nextEnd.date() > 28) {
nextEnd.subtract(1, 'days')
} else {}
array.push(nextEnd.diff(nextStart, 'days'));
if (nextEnd >= endLease) {
break;
} else {}
i += 1;
break;
}
console.log(array);
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>

This worked for me:
while(1==1){
var nextStart = nextEnd ? nextEnd : startLease.clone().add(i, 'M');
var tempstart = startLease.clone();
tempstart.date(1);
if (startLease.date() < endLease.date() && array.length == 0) {
i = -1;
}
tempstart.add(i + 1, 'M');
var days = [31, 28, 31, 30, 31, 30 ,31, 31, 30, 31, 30, 31];
var year = tempstart.year();
if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0)
days[1] = 29;
if (endLease.date() > days[tempstart.month()]) {
tempstart.date(days[tempstart.month()]);
} else {
tempstart.date(endLease.date());
}
nextEnd = tempstart > endLease ? endLease : tempstart;
var diff_sum = nextEnd.diff(nextStart, 'days');
array.push (diff_sum);
if (nextEnd >= endLease) {
break;
}
i += 1
}

Javascript date validator for multiple date patterns

With help from stackoverflow I made a .js file with two methods that check if the date entered is valid. It is working fine, but only if the date is entered with dashes - 12/12/2019. What approach can I take in my isValidDate method to make it work with multiple date patterns like - 12.12.2020 12-12-2020 etc. The only idea I have is to check somehow first what is the pattern and then create a separate case to split the date string by different characters, but it will look pretty ugly.
function isValidDate(dateString) {
var validDate = true;
// First check for the pattern
if (!/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(dateString)) {
return false;
}
// Parse the date parts to integers
var parts = dateString.split("/");
var day = parseInt(parts[0], 10);
var month = parseInt(parts[1], 10);
var year = parseInt(parts[2], 10);
if(isNaN(day) || isNaN(month) || isNaN(year)){
return false;
}
// Check the ranges of month and year
if (year < 1000 || year > 3000 || month < 1 || month > 12) {
return false;
}
var monthLength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
// Adjust for leap years
if (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)) {
monthLength[1] = 29;
}
// Check the range of the day
if (!(day > 0 && day <= monthLength[month - 1])) {
return false;
}
return true;
};
/**
* Function which executes each time the input loses focus (onblur)
*/
function validateDate() {
// Get a reference to the container
var container = document.querySelector('.date');
// Clear stale error/success messages
container.className = container.className.replace('success', '');
container.className = container.className.replace('error', '');
// Get current value of input
var dateString = document.getElementById("Start-date").value;
// Test if the string is a valid date
var isValid = isValidDate(dateString);
// Update classess of container to show success/error
if (!isValid) {
container.className += ' error';
} else {
container.className += ' success';
}
}
I am calling the validateDate() function first

Please note I have not tested the regular expressions this is just an example of how to attack the probelm
// First check for the pattern var = dateChar
if (!/^\d{1,2}\/\d{1,2}\/\d{4}$/.test(dateString)) {
dateChar = '/';
}
if (!/^\d{1,2}\-\d{1,2}\-\d{4}$/.test(dateString)) {
dateChar = '-';
}
if (!dateChar) {
return false;
}
var parts = dateString.split(dateChar);
....

How organize this function to work correctly?

I'm working on extending the date filter in my plugin Ideal Forms to allow the user to configure the date format, i.e. dd/mm/yyyy, mm-dd-yyyy... This is what I got so far:
date: {
regex: function (input, value) {
var
// Just grabbing some info from the plugin...
data = input.userOptions.data
? input.userOptions.data.date
: { format: 'mm/dd/yyyy' }, // default format
separator = '\\' + /[^mdy]/.exec(data.format)[0], // extract separator
userFormat = data.format.replace(/[^mdy]/g, ''), // convert to proper format
isDate = function (m, d, y) {
return m > 0 &&
m < 13 &&
y > 0 &&
y < 32768 &&
d > 0 &&
d <= (new Date(y, m, 0)).getDate()
},
n2 = '(\\d{1,2})', // day and month
n4 = '(\\d{4})', // year
format = {
'mmddyyyy': function () {
var re = new RegExp(n2 + separator + n2 + separator + n4),
m = re.exec(value)
return m && isDate(m[1], m[2], m[3])
},
'ddmmyyyy': function () {
var re = new RegExp(n2 + separator + n2 + separator + n4),
m = re.exec(value)
return m && isDate(m[2], m[1], m[3])
},
'yyyymmdd': function () {
var re = new RegExp(n4 + separator + n2 + separator + n2),
m = re.exec(value)
return m && isDate(m[2], m[3], m[1])
},
'yyyyddmm': function () {
var re = new RegExp(n4 + separator + n2 + separator + n2),
m = re.exec(value)
return m && isDate(m[3], m[2], m[1])
}
}
return format[userFormat]() || format['mmddyyyy']()
},
When using formats other that the default mm/dd/yyyy problems come since the function isDate tests the date starting with the month value, so when I pass a custom format like dd-mm-yyyy, the call isDate(m[2], m[1], m[3]) works but it will also validate values like 12-13-1986 but not 13-13-1986.
How can I begin fixing this? Any ideas?

EDIT
I wanted to address your comment regarding the return of isDate, too. The function behaves as expected, the problem is elsewhere. I haven't dissected your code enough to say where the bug is, but isDate is correct: http://jsfiddle.net/nQMYe/
Original Answer
I have had good luck with a variation of the snippet here: http://joey.mazzarelli.com/2008/11/25/easy-date-parsing-with-javascript/
Basically, it implements a fromString method in the Date object. I don't care for that approach, so I've modified my implementation to standalone as a function, and eliminated some of the unnecessary bits. That said, it works great.
The basic idea is to first normalize the input. Since you never know if the user is giving you a format like 1.11.2011 or 3~12~2012, first thing is to just strip away that noise:
data = data.replace(/[^:a-z0-9]/g, '-');
We're discarding all non alpha-numeric chars and dropping in a -, you seem to prefer / -- whatever, just get the input consistent-ish. We keep the alpha so we can deal with March 18, 2012 too.
The snippet then parses through the input, extracting time (if give, uses : to identify), then it establishes a year. As pointed out in the comments, the day and month are next to each other in most reasonable formats, so you're looking to establish what is NOT the year and going from there. It is then a process of elimination to determine the month, then the day.
Not my code, so I don't mean to take credit for the idea, but again, the thing delivers as advertised. You can either use it as-is (BSD license), or read through the source and dissect the concept.
Here is the code, for posterity:
/**
* #author Joey Mazzarelli
* #website http://bitbucket.org/mazzarelli/js-date/
* #website http://joey.mazzarelli.com/2008/11/25/easy-date-parsing-with-javascript/
* #copyright Joey Mazzarelli
* #license BSD license
*/
Date.fromString = (function () {
var defaults = {
order : 'MDY',
strict : false
};
var months = ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG",
"SEP", "OCT", "NOV", "DEC"];
var abs = ["AM", "PM", "AFTERNOON", "MORNING"];
var mark = function (str, val) {
var lval = val.toLowerCase();
var regex = new RegExp('^' + lval + '|(.*[^:alpha:])' + lval, 'g');
return str.replace(regex, '$1' + val);
};
var normalize = function (str) {
str = str.toLowerCase();
str = str.replace(/[^:a-z0-9]/g, '-');
for (var i=0; i<months.length; i++) str = mark(str, months[i]);
for (var i=0; i<abs.length; i++) str = mark(str, abs[i]);
str = str.replace(/[a-z]/g, '');
str = str.replace(/([0-9])([A-Z])/g, '$1-$2');
str = ('-' + str + '-').replace(/-+/g, '-');
return str;
};
var find_time = function (norm) {
var obj = {date:norm, time:''};
obj.time = norm.replace(
/^.*-(\d\d?(:\d\d){1,2}(:\d\d\d)?(-(AM|PM))?)-.*$/, '$1');
if (obj.time == obj.date)
obj.time = norm.replace(/^.*-(\d\d?-(AM|PM))-.*$/, '$1');
if (obj.time == obj.date) obj.time = '';
obj.date = norm.replace(obj.time, '');
obj.time = ('-' + obj.time + '-').replace(/-+/g, '-');
obj.date = ('-' + obj.date + '-').replace(/-+/g, '-');
return obj;
};
var find_year = function (norm) {
var year = null;
// Check for a 4-digit year
year = norm.replace(/^.*-(\d\d\d\d)-.*$/, '$1');
if (year != norm) return year; else year = null;
// Check for a 2-digit year, over 32.
year = norm.replace(/^.*-((3[2-9])|([4-9][0-9]))-.*$/, '$1');
if (year != norm) return year; else year = null;
// Day is always by month, so check for explicit months in
// first or third spot
year = norm.replace(/^.*-[A-Z]{3}-\d\d?-(\d\d?)-.*$/, '$1');
if (year != norm) return year; else year = null;
year = norm.replace(/^.*-(\d\d?)-\d\d?-[A-Z]{3}-.*$/, '$1');
if (year != norm) return year; else year = null;
// If all else fails, use the setting for the position of the year.
var pos = '$3';
if (defaults.opts.order.charAt(0) == 'Y') pos = '$1';
else if (defaults.opts.order.charAt(1) == 'Y') pos = '$2';
year = norm.replace(/^.*-(\d\d?)-([A-Z]{3}|\d{1,2})-(\d\d?)-.*$/, pos);
if (year != norm) return year; else year = null;
return year;
};
var find_month = function (norm, year) {
// Check for an explicity month
var matches = norm.match(/[A-Z]{3}/);
if (matches && matches.length) return matches[0];
// Remove the year, and unless obviously wrong, use order
// to chose which one to use for month.
var parts = norm.replace(year + '-', '').split('-');
if (parts.length != 4) return null;
var order = defaults.opts.order;
var md = order.indexOf('M') < order.indexOf('D')? 1: 2;
return (parseInt(parts[md], 10) <= 12)? parts[md]: parts[md==1? 2: 1];
};
var find_day = function (norm, year, month) {
return norm.replace(year, '').replace(month, '').replace(/-/g, '');
};
var create_absolute = function (obj) {
var time = obj.time.replace(/[-APM]/g, '');
var parts = time.split(':');
parts[1] = parts[1] || 0;
parts[2] = parts[2] || 0;
parts[3] = parts[3] || 0;
var ihr = parseInt(parts[0], 10);
if (obj.time.match(/-AM-/) && ihr == 12) parts[0] = 0;
else if (obj.time.match(/-PM-/) && ihr < 12) parts[0] = ihr + 12;
parts[0] = ("0" + parts[0]).substring(("0" + parts[0]).length - 2);
parts[1] = ("0" + parts[1]).substring(("0" + parts[1]).length - 2);
parts[2] = ("0" + parts[2]).substring(("0" + parts[2]).length - 2);
time = parts[0] + ":" + parts[1] + ":" + parts[2];
var millisecs = parts[3];
var strict = defaults.opts.strict;
if (!obj.year && !strict) obj.year = (new Date()).getFullYear();
var year = parseInt(obj.year, 10);
if (year < 100) {
year += (year<70? 2000: 1900);
}
if (!obj.month && !strict) obj.month = (new Date()).getMonth() + 1;
var month = String(obj.month);
if (month.match(/[A-Z]{3}/)) {
month = "JAN-FEB-MAR-APR-MAY-JUN-JUL-AUG-SEP-OCT-NOV-DEC-"
.indexOf(month) / 4 + 1;
}
month = ("0" + month).substring(("0" + month).length - 2);
if (!obj.day && !strict) obj.day = (new Date()).getDate();
var day = ("0" + obj.day).substring(("0" + obj.day).length - 2);
var date = new Date();
date.setTime(Date.parse(year + '/' + month + '/' + day + ' ' + time));
date.setMilliseconds(millisecs);
return date;
};
var parse = function (norm) {
return absolute(norm);
};
var absolute = function (norm) {
var obj = find_time(norm);
obj.norm = norm;
obj.year = find_year(obj.date);
obj.month = find_month(obj.date, obj.year);
obj.day = find_day(obj.date, obj.year, obj.month);
return create_absolute(obj);
};
return function (fuzz, opts) {
defaults.opts = { order: defaults.order, strict: defaults.strict };
if (opts && opts.order) defaults.opts.order = opts.order;
if (opts && opts.strict != undefined) defaults.opts.strict = opts.strict;
var date = parse(normalize(fuzz));
return date;
};
})();