نمونههایی از نحوه کار با رویدادها و تعطیلات تقویم شمسی در کامپوننت انتخاب تاریخ.
<persian-datepicker-element
id="default-events-picker"
show-events="true"
></persian-datepicker-element>
فایل 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>