نمونه‌های رویدادها و تعطیلات

نمونه‌هایی از نحوه کار با رویدادها و تعطیلات تقویم شمسی در کامپوننت انتخاب تاریخ.

رویدادهای پیش‌فرض

نمایش رویدادهای پیش‌فرض تقویم شمسی:
تاریخ انتخاب شده: هیچ
<persian-datepicker-element 
  id="default-events-picker"
  show-events="true"
></persian-datepicker-element>

رویدادهای سفارشی

استفاده از رویدادهای سفارشی از فایل events.json:

فایل events.json به صورت پیش‌فرض در مسیر /src/data/persian-calendar-repo/PersianCalendar/data/event.json قرار دارد و شامل تمام رویدادهای به‌روز تقویم شمسی است. می‌توانید از این فایل به عنوان نمونه استفاده کنید یا فایل خود را با ساختار مشابه ایجاد کنید:

فایل events.json شخصی سازی شده خود را در مسیر /data/events.json پروژه خود قرار دهید.

تاریخ انتخاب شده: هیچ
// ساختار فایل events.json
{
  "Persian Calendar": [
    {
      "title": "عید نوروز",
      "month": 1,
      "day": 1,
      "type": "Iran",
      "holiday": true
    }
  ],
  "Hijri Calendar": [
    {
      "title": "عید فطر",
      "year": 1445,
      "month": 10,
      "day": 1,
      "type",
      "holiday": true
    }
  ]
}

<persian-datepicker-element 
  id="custom-events-picker"
  show-events="true"
></persian-datepicker-element>

فیلتر کردن رویدادها

فیلتر کردن رویدادها بر اساس نوع:

می‌توانید با استفاده از ویژگی event-types رویدادها را بر اساس نوع آنها فیلتر کنید:

تاریخ انتخاب شده: هیچ
<persian-datepicker-element 
  id="event-types-picker"
  show-events="true"
  event-types='["Iran", "Afghanistan", "AncientIran", "International"]'
></persian-datepicker-element>