Invalid Date in foreach

Question

I don't understand why one date is good and the rest show "Invalid Date".

const blocksDate = document.querySelectorAll(".roadmap__time");
blocksDate.forEach((block) => {
  const dateString = block.innerHTML;
  const dateBlock = new Date(dateString);
  const currentDate = new Date();
  console.log(dateBlock);
});

<span class="roadmap__time">1 maja, 2022</span>
<span class="roadmap__time">16 czerwca, 2022</span>
<span class="roadmap__time">3 marca, 2022</span>
<span class="roadmap__time">3 lipca 2022</span>
<span class="roadmap__time">9 lipca 2021</span>

seems like it would have something to do with locale but really I'm not familiar with such things. One possibility is that maja is a valid date in a different locale (so it works) and the rest are not recognized (because polish is not the current locale). But I'm not sure that locale is even the right word here. — topsail, Jul 02 '22 at 14:22
@topsail—parsing of unsupported formats is implementation dependent. It should have nothing to do with locale since many hosts have no idea of their location. — RobG, Jul 03 '22 at 12:21

mplungjan · Accepted Answer · 2022-07-03T18:20:45.810

0

The reason 1 mar(ca) works is that the Date.parse sees only the first 3 chars and guesses March

Here is a script that converts both ways

const months = ["STY", "LUT", "MAR", "KWIE", "MAJ", "CZE", "LIP", "SIE", "WRZ", "PAZ", "LIS", "GRU"]
const options = {
  year: "numeric",
  month: "long",
  day: "numeric"
};

const blocksDate = document.querySelectorAll(".roadmap__time");
blocksDate.forEach((block) => {
  const dateString = block.textContent.trim();
  const ddmmmyyyy = dateString.split(/[ \/]/);
  let dd, mmm, yyyy;
  if (ddmmmyyyy.length === 3) {
    dd = ddmmmyyyy[0];
    mmm = ddmmmyyyy[1]
    yyyy = ddmmmyyyy[2];
  } else {
    dd = 1;
    mmm = ddmmmyyyy[0];
    yyyy = ddmmmyyyy[1];
  }
  if (!isNaN(mmm)) mmm = months[+mmm-1]
  mmm = mmm.slice(0,3)

  console.log(dd, mmm, yyyy);
  const dateBlock = new Date(yyyy, months.indexOf(mmm.toUpperCase()), dd, 15, 0, 0, 0);
  console.log(dateBlock);
  const plDate = dateBlock.toLocaleDateString("pl", options)
  console.log(plDate)

});

<span class="roadmap__time">1 Maja, 2022</span>
<span class="roadmap__time">16 czerwca, 2022</span>
<span class="roadmap__time">3 marca, 2022</span>
<span class="roadmap__time">3 lipca 2022</span>
<span class="roadmap__time">9 lipca 2021</span>
<time class="roadmap__time"> 15/07/2022</time>
<span class="roadmap__time">marca/2022</span>
<span class="roadmap__time">Lipca/2022</span>
<span class="roadmap__time">05/2022</span>
<span class="roadmap__time">06/2022</span>
<span class="roadmap__time">lipca, 2021</span>
<span class="roadmap__time">lipca 2021</span>

edited Jul 03 '22 at 18:20

answered Jul 02 '22 at 15:06

mplungjan

169,008
28
173
236

How change this converts for date as m/Y? – ka1jv8 Jul 03 '22 at 11:59
What do you mean? what is the input you have and expected output? – mplungjan Jul 03 '22 at 12:20
I want to convert this code when I am displaying date in format ex. 05/2022. – ka1jv8 Jul 03 '22 at 12:42
I have date format day/month now. I would like to change this code for this format. My issue: Uncaught TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator)) – ka1jv8 Jul 03 '22 at 13:14
See update that handles "marca, 2022 ", "marca 2022", "marca/2022" or "05/2022" too – mplungjan Jul 03 '22 at 14:01
:/ Uncaught TypeError: Cannot read properties of undefined (reading 'slice') – ka1jv8 Jul 03 '22 at 17:07
Not here. Please give me the HTML you have – mplungjan Jul 03 '22 at 17:18
15/07/2022 – ka1jv8 Jul 03 '22 at 17:41
You keep changing the rules!!! – mplungjan Jul 03 '22 at 18:19
fixed it. Now also supports normal dates – mplungjan Jul 03 '22 at 18:21
1

<3 God bless you! – ka1jv8 Jul 03 '22 at 21:25

Invalid Date in foreach

1 Answers1