Când utilizatorilor li se cere să introducă o dată, dezvoltatorii setează valoarea predefinită/implicite a unei date tip de intrare la data curentă/azi. Acum, utilizatorul nu trebuie să introducă manual data, astfel încât în acest sens economisește timp și efort pentru utilizator. În plus, îmbunătățește experiența utilizatorului, acuratețea datelor și oferă mai multă comoditate pentru utilizatori. Are diverse aplicații precum un sistem de gestionare a evenimentelor, sistem de rezervare etc.
Acest blog demonstrează cum să setați valoarea implicită a datei tipului de intrare la astăzi:
- Folosind proprietatea „valueAsDate”.
- Folosind metoda „toISOString()”.
- Folosind metodele „getFullYear()” și „padStart()”.
Metoda 1: Utilizarea proprietății „valueAsDate”.
„ valueAsDate ” proprietatea este utilizată pentru a prelua data curentă prin “ Data() ”funcție. Această funcție este folosită pentru a efectua diverse operațiuni pe o dată și cum ar fi obținerea datei curente, setarea unei anumite date, manipularea datelor etc.
Vizitați codul de mai jos pentru o mai bună înțelegere:
< corp >
< div >
< eticheta pentru = 'aziData' > Data este eticheta >< intrare tip = 'Data'
id = 'aziData' >
div >
< scenariu >
document.getElementById ( 'aziData' ) .valueAsDate = data noua ( ) ;
scenariu >
corp >
În fragmentul de cod de mai sus:
- În primul rând, „ Eticheta ” este creată având ” tip ' și ' id „ atribute setate la „ date ' și ' aziData ” respectiv. Această etichetă „ ” va fi utilizată pe tot blogul.
- În continuare, în interiorul „ ” etichetați elementul HTML având un id de „ aziData ” este selectat folosind butonul „ getElementById() ” metoda.
- După aceea, „ valueAsDate „proprietatea este atribuită și stocată ca o instanță a unui nou „ Data() ” constructor.
După executarea fragmentului de cod de mai sus, pagina web arată astfel:
Ieșirea arată că datele de tip de intrare au o valoare implicită setată la data curentă/azi.
Metoda 2: Folosind metoda „toISOString()”.
Pentru a seta valoarea implicită astăzi pentru „ intrare ” element la azi/data curentă. „ toISOString() ” se poate folosi și metoda, pentru o mai bună explicație, vizitați fragmentul de cod de mai jos:
< scenariu >const today = data noua ( ) .toISOString ( ) .substr ( 0 , 10 ) ;
document.getElementById ( 'aziData' ) .valoare = azi;
scenariu >
În fragmentul de cod de mai sus:
- În primul rând, noua instanță a „ Data() ” este creat constructorul. După aceea, convertiți instanța datei în „ ISO ' standard folosind ' toISOString() ” metoda.
- Apoi, utilizați „ substr() ” metoda luând numere de index ale ” 0 ' și ' 10 ” ca parametru. După aceea, afișează rezultatul începând de la „ 0 ” index la “ 10 ” index.
După executarea metodei de mai sus, pagina web apare astfel:
Ieșirea arată că datele de tip de intrare au o valoare implicită setată la data curentă/azi.
Metoda 3: Utilizarea metodelor „getFullYear()” și „padStart()”
În această secțiune, „ getFullYear() ” metoda extrage data curentă. „ pathStart() ” este folosită metoda care ajută la formatarea „ Data ” format care va fi afișat pe ” vizat intrare ' element:
< scenariu >const actual = data noua ( ) ;
const curent-an = curent.getFullYear ( ) ;
const current-month = String ( curent.getMonth ( ) + 1 ) .padStart ( 2 , '0' ) ;
const current-day = String ( curent.getDate ( ) ) .padStart ( 2 , '0' ) ;
const formattedDate = ` ${an curent} - ${current-month} - ${current-day} ` ;
const myDateInput = document.getElementById ( 'intalnirea mea' ) ;
myDateInput.value = formattedDate;
scenariu >
Descrierea fragmentelor de cod de mai sus este descrisă în puncte:
- Mai întâi, creați un tip constant de variabilă care stochează obiectul „ Data() ' constructor cu numele ' actual ”.
- Apoi, utilizați „ getFullYear() ” metoda cu “ actual ” variabilă și stocați-o într-o nouă variabilă numită „ anul curent ”.
- Apoi, treceți „ getMonth() ” și adăugați un număr pentru a începe luna de la 1 la 12 în interiorul „ Şir() ” constructor. De asemenea, furnizați o umplutură de două caractere utilizând „ pathStart(2, 0) ”. Și plasați-o într-o variabilă nou creată numită „ luna curentă ”.
- Apoi, urmați același proces pentru a obține data curentă folosind „ getDate() ” și stocați-o în „ ziua curentă ' variabil.
După executarea fragmentelor de cod, pagina web în fiecare caz apare astfel:
Ieșirea arată că datele de tip de intrare au o valoare implicită setată la data curentă/azi.
Concluzie
Pentru a seta valoarea implicită a datei tipului de intrare la azi/data curentă, „ valueAsDate „proprietatea, „ toISOString() ' și ' getFullYear() pot fi utilizate metode. În cazul proprietății „valueAsDate”, numai „ Data() „ este necesar constructorul în timp ce în cazul „ toISOString() ” metodele ” substr() ” este utilizată pentru a obține doar o anumită parte a datei. Acest blog demonstrează cum să setați valoarea implicită a datei tipului de intrare la astăzi/actuală.