brak reakcji funkcji switch w js

Question

Tak wygląda cały kod js

const date = document.querySelector('.date');
const time = document.querySelector('.time');

function dateAndTime()
{
    let dateToShow = new Date();

    let day = dateToShow.getDate();
    let month = dateToShow.getMonth();
    let year = dateToShow.getFullYear();

    let hour = dateToShow.getHours();
    let minutes = dateToShow.getMinutes();
    let seconds = dateToShow.getSeconds();

    switch (month)
    {
        case 0: 'Stycznia';
        break;
        case 1: 'Lutego';
        break;
        case 2: 'Marca';
        break;
        case 3: 'Kwietnia';
        break;
        case 4: 'Maja';
        break;
        case 5: 'Czerwca';
        break;
        case 6: 'Lipca';
        break;
        case 7: 'Sierpnia';
        break;
        case 8: 'Września';
        break;
        case 9: 'Października';
        break;
        case 10: 'Listopada';
        break;
        case 11: 'Grudnia';
        break;
        default: 'Nie wczytano miesiąca';
    }
    date.innerHTML = day + " " + month + " " + year;
}
dateAndTime();

Data wyświetla się na stronie, ale zamiast 19 Listopada 2023 mam 19 10 2023

Jak to naprawić?

Answer 1

Możesz zamiast switch-a użyć tablicy.

//const date = document.querySelector('.date');
//const time = document.querySelector('.time');

function dateAndTime()
{
  const months = [ 'Stycznia', 'Lutego', 'Marca', 'Kwietnia', 'Maja', 'Czerwca',
                   'Lipca', 'Sierpnia', 'Września', 'Października', 'Listopada', 'Grudnia' ];
  const dateToShow = new Date();

  const day = dateToShow.getDate();
  const month = dateToShow.getMonth();
  const year = dateToShow.getFullYear();

  const hour = dateToShow.getHours();
  const minutes = dateToShow.getMinutes();
  const seconds = dateToShow.getSeconds(); 

  //date.textContent = day + ' ' + months[month] + ' ' + year;
  console.log(day + ' ' + months[month] + ' ' + year);
}

dateAndTime();

 

Answer 2

Bo nigdzie nie przypisujesz wyniku ze switcha i ostatecznie wyświetlasz oryginalną zmienną month. W każdym case musiałbyś np. nadpisać zmienną month nową wartością:

case 10:
    month = 'Listopada';
break;

BTW datę po polsku można ogarnąć też przy pomocy Intl.DateTimeFormat.

Answer 3

Dziwny sposób na poradzenie sobie z datą. Ale zwróć uwagę, że po tym case: piszesz normalny kod JS, więc musiałbyś wartość przypisać do zmiennej. Przejrzyj sobie na spokojnie jak działa switch.

Answer 4

Mam widoczny problem w kodzie JavaScript.

Warto dodać zero przed jednocyfrowymi dniami, miesiącami i godzinami, aby zachować jednolitość wyświetlania. Na przykład, jeśli minutes lub secondu są mniejsze niż 10, dodaj zero przed nimi.

Przemyśl też, czy przypadkiem nie chcesz dodać do miesiąca 1, ponieważ w JavaScript indeksy miesięcy zaczynają się od zera. Czyli, jeśli masz Marca, to tak naprawdę jest to miesiąc o indeksie 2.

Spróbuj wprowadzić te poprawki, a powinno działać poprawnie. Jakbyś miał jakiekolwiek pytania lub potrzebował więcej pomocy, pytaj śmiało.