Cześć i czołem. Chciałbym, żeby w moim formularzu wyświetlała się aktualna data. Skorzystałem z takiego skryptu
<script>document.getElementById('date-form-1').value = new Date().toDateInputValue();
document.getElementById('date-form-2').value = new Date().toDateInputValue();</script>
Jednak data wyświetla się w formie rrrr-mm-dd
Jak można to zmodyfikować, żeby pokazywało tylko dd-mm?
Niestety nie można - przynajmniej w oczywisty sposób. Obiekt Date z biblioteki standardowej jest bardzo ułomny w jsie. Musisz się wspomóc pojedynczymi metodami i ręcznie wyciągnąć datę i miesiąc, a później je odpowiednio sformatować.
// Kilka uwag:
// 1. W JS miesiące są zero-based, czyli liczone od 0, więc do miesiąca dodajemy 1
// 2. W JS getMonth i getDate zwracają liczby bez wiodącego zera. W programowaniu
// operacja uzupełnienia stringa z lewej lub z prawej czymś do określonej długości nazywa się odpowiednio:
// left pad string lub right pad string (w zależności, z której strony).
// Na szczęście JS ma do tego już gotową metodę String.prototype.padStart
// 3. Metoda padStart jest na obiekcie String, a nasz miesiąc i dzień to liczby, więc używamy toString
const now = new Date();
const currentMonth = (now.getMonth() + 1).toString();
const currentDay = now.getDate().toString();
const formattedDate = `${currentDay.toString().padStart(2, '0')}-${currentMonth.padStart(2, '0')}`;
Udało mi się znaleźć takie rozwiązanie
<script>
var dateObj = new Date();
var month = ('0' + (dateObj.getMonth() + 1)).slice(-2);
var date = ('0' + dateObj.getDate()).slice(-2);
var year = dateObj.getFullYear();
var d = date + '/' + month;
document.getElementById("date-form-1").innerHTML = d;
</script>
<script>document.getElementById('date-form-1').value = d;
Działa. Dopiero podanie drugiego skryptu pod pierwszym umożliwia wyświetlenie wyniku.
Tylko teraz zastanawiam się jak to ostylować, żeby dzień był większą czcionką, a miesiąc słownie 30 PAŹ