نمونه‌های فرمت تاریخ

نمونه‌های فرمت تاریخ

<persian-datepicker-element 
  id="format1" 
  format="YYYY/MM/DD"
></persian-datepicker-element>

// JavaScript
const format1 = document.getElementById('format1');
format1.setValue(1404, 1, 18);
format1.addEventListener('change', (event) => {
  document.getElementById('result1').textContent = `${event.detail.formattedDate} (ISO: ${event.detail.isoString})`;
});

<persian-datepicker-element 
  id="format2" 
  format="YYYY MMMM DD"
></persian-datepicker-element>

// JavaScript
const format2 = document.getElementById('format2');
format2.setValue(1404, 1, 27);
format2.addEventListener('change', (event) => {
  document.getElementById('result2').textContent = event.detail.formattedDate;
});

<persian-datepicker-element 
  id="format3" 
  format="dddd YYYY/MM/DD"
></persian-datepicker-element>

// JavaScript
const format3 = document.getElementById('format3');
format3.setValue(1404, 1, 5);
format3.addEventListener('change', (event) => {
  document.getElementById('result3').textContent = event.detail.formattedDate;
});

<persian-datepicker-element 
  id="format4" 
  format="YYYY/MM/DDth"
></persian-datepicker-element>

// JavaScript
const format4 = document.getElementById('format4');
format4.setValue(1404, 1, 17);
format4.addEventListener('change', (event) => {
  document.getElementById('result4').textContent = event.detail.formattedDate;
});

<persian-datepicker-element 
  id="format5" 
  format="YYYY-MM-DD"
></persian-datepicker-element>

// JavaScript
const format5 = document.getElementById('format5');
format5.setValue(1404, 1, 11);
format5.addEventListener('change', (event) => {
  document.getElementById('result5').textContent = event.detail.formattedDate;
});

<persian-datepicker-element 
  id="format6" 
  format="dddd YYYY MMMM DDth"
></persian-datepicker-element>

// JavaScript
const format6 = document.getElementById('format6');
format6.setValue(1404, 1, 17);
format6.addEventListener('change', (event) => {
  document.getElementById('result6').textContent = event.detail.formattedDate;
});

الگوهای فرمت موجود:
YYYY - سال (مثال: ۱۴۰۴)
MM - شماره ماه (مثال: ۰۱)
DD - شماره روز (مثال: ۱۸)
MMMM - نام کامل ماه (مثال: فروردین)
MMM - نام کوتاه ماه (مثال: فرورد)
dddd - نام کامل روز هفته (مثال: چهارشنبه)
th - پسوند ترتیبی (مثال: ۱۷ام)

نمونه فرمت‌ها:
YYYY/MM/DD → ۱۴۰۴/۰۱/۱۸
YYYY MMMM DD → ۱۴۰۴ فروردین ۲۷
dddd YYYY/MM/DD → چهارشنبه ۱۴۰۴/۰۱/۰۵
YYYY/MM/DDth → ۱۴۰۴/۰۱/۱۷ام
YYYY-MM-DD → ۱۴۰۴-۰۱-۱۱
dddd YYYY MMMM DDth → دوشنبه ۱۴۰۴ فروردین ۱۷ام