Dərslər
Başlamaq
Öyrənməyə başlayın
CodeGym /Kurslar /Frontend SELF AZ /Date. Tarixlərin və rəqəmlərin formatlaşdırılması

Date. Tarixlərin və rəqəmlərin formatlaşdırılması

Frontend SELF AZ
Səviyyə , Dərs
Mövcuddur

2.1 Date obyekti

Tarix və rəqəmlərlə işləmək — web tətbiqlərinin inkişafında vacib bir hissədir. JavaScript tarixlər və rəqəmlərlə işləmək üçün daxil edilmiş obyektlər və metodlar təqdim edir. Bu dərsdə Date obyektini, onun metodlarını və tarixlərin və rəqəmlərin formatlaşdırılması yollarını öyrənəcəyik.

JavaScript-də Date obyekti tarix və vaxtı təmsil edir. O, tarixlər və vaxtlarla işləmək üçün bir çox metodlara malikdir: cari tarix və vaxtın alınması, tarix və vaxtın təyin edilməsi və formatlaşdırılması daxil olmaqla.

Date obyektinin yaradılması

Vacib!
Əgər Date() obyektini parametrsiz yaratsanız, o cari tarix və vaxtı — yaradıldığı anın göstəricilərini saxlayacaq.

Bir Date obyektini müxtəlif yollarla yaratmaq mümkündür.

1. Cari tarix və vaxt:

JavaScript 
    
      const now = new Date();

      console.log(now); // Cari tarix və vaxtı göstərir

2. Müəyyən tarix və vaxtın təyin edilməsi:

JavaScript 
    
      const specificDate = new Date('2024-07-07T10:00:00');

      console.log(specificDate); // 7 iyul 2024 tarixini göstərir

3. Tarix və vaxtın rəqəmlərlə verilməsi:

JavaScript 
    
      const anotherDate = new Date(2024, 6, 7, 10, 0, 0);

      console.log(anotherDate); // 7 iyul 2024 tarixini göstərir

2.2 Date() obyektinin metodları

Tarix komponentlərinin əldə edilməsi:

  • getFullYear(): ili almaq (dörd rəqəm)
  • getMonth(): ayı almaq (0-dan 11-ə qədər)
  • getDate(): ayın gününü almaq (1-dən 31-ə qədər)
  • getHours(): saatları almaq (0-dan 23-ə qədər)
  • getMinutes(): dəqiqələri almaq (0-dan 59-a qədər)
  • getSeconds(): saniyələri almaq (0-dan 59-a qədər)

Nümunə:

JavaScript 
    
      const now = new Date();

      console.log(now.getFullYear()); // Cari il
      console.log(now.getMonth()); // Cari ay (-1)
      console.log(now.getDate()); // Cari gün
      console.log(now.getHours()); // Cari saat
      console.log(now.getMinutes()); // Cari dəqiqə
      console.log(now.getSeconds()); // Cari saniyə

Tarix komponentlərinin qurulması:

  • setFullYear(year): ili qurmaq
  • setMonth(month): ayı qurmaq
  • setDate(day): ayın gününü qurmaq
  • setHours(hours): saatları qurmaq
  • setMinutes(minutes): dəqiqələri qurmaq
  • setSeconds(seconds): saniyələri qurmaq

Nümunə:

JavaScript 
    
      const date = new Date();

      date.setFullYear(2025);
      date.setMonth(0); // Yanvar
      date.setDate(15);
      date.setHours(12);
      date.setMinutes(30);
      date.setSeconds(45);

      console.log(date.toString());

2.3 Tarixlərin formatlaşdırılması

JavaScript tarixləri string formatında formatlaşdırmaq üçün metodlar təqdim edir. Ən çox istifadə olunan metod — toLocaleDateString() hansı ki, lokalizasiyadan asılı olaraq tarix formatlaşdırmaq üçündür.

toLocaleDateString() metodunun istifadəsinə nümunə:

JavaScript 
    
      const now = new Date();

      console.log(now.toLocaleDateString('en-US')); // "7/7/2024" (MM/DD/YYYY)
      console.log(now.toLocaleDateString('en-GB')); // "07/07/2024" (DD/MM/YYYY)
      console.log(now.toLocaleDateString('ru-RU')); // "07.07.2024" (DD.MM.YYYY)

toLocaleTimeString() metodu

toLocaleTimeString() metodu vaxtı lokalizasiya olunmuş formatda string kimi qaytarır:

JavaScript 
    
const now = new Date();

console.log(now.toLocaleTimeString('en-CA')); 
console.log(now.toLocaleTimeString('en-GB'));

toLocaleString() metodu

toLocaleString() metodu tarixi və vaxtı lokalizasiya olunmuş formatda string kimi qaytarır:

JavaScript 
    
      const now = new Date();

      console.log(now.toLocaleString('en-CA')); 
      console.log(now.toLocaleString('en-GB'));

toISOString() metodu

toISOString() metodu tarixi və vaxtı ISO 8601 formatında qaytarır:

JavaScript 
    
      const now = new Date();

      console.log(now.toISOString()); // "2023-07-05T10:00:00.000Z"

2.4 Rəqəmlərin formatlaşdırılması

toLocaleString() Metodu

toLocaleString() metodu rəqəmləri yerli tənzimləmələrə uyğun formatlaşdırmağa imkan verir:

JavaScript 
    
      const number = 1234567.89;

      console.log(number.toLocaleString()); // ABŞ formatında "1,234,567.89" və ya lokal formatda "1 234 567,89"
      console.log(number.toLocaleString('de-DE')); // Almaniya formatında "1.234.567,89"

Intl.NumberFormat ilə Rəqəmlərin Formatlaşdırılması

Intl.NumberFormat konstrukturu sizə rəqəmlərin formatlaşdırılması üçün daha çox çeviklik təklif edir:

JavaScript 
    
      const number = 1234567.89;

      const usFormatter = new Intl.NumberFormat('en-US');
      console.log(usFormatter.format(number)); // "1,234,567.89"

      const deFormatter = new Intl.NumberFormat('de-DE');
      console.log(deFormatter.format(number)); // "1.234.567,89"

      const customFormatter = new Intl.NumberFormat('en-US', {
        style: 'currency',
        currency: 'USD'
      });

      console.log(customFormatter.format(number)); // "$1,234,567.89"
Şərhlər
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION