🗓 تقویم شمسی در Blazor Server با JalaliDatePicker

اگر با Blazor Server کار می کنید و برای فرم ‌هات یک DatePicker شمسی میخای میتونی از پروژه متن‌ باز JalaliDatePicker استفاده کنی

یک نمونه ساده:

<div class="mb-3"> 

<label class="form-label">تاریخ</label>

<input type="text" class="form-control" id="datePicker" placeholder="تاریخ را انتخاب کنید" data-jdp />

</div>

<button class="btn btn-primary" @onclick="GetDate"> دریافت تاریخ </button> 

@code {
      private async Task GetDate()
      {
// دریافت مقدار DatePicker
      }
}

و در فایل App.razor یا Layout، فایل‌های کتابخانه رو اضافه کن:

<link rel="stylesheet" href="https://unpkg.com/@majidh1/jalalidatepicker/dist/jalalidatepicker.min.css">

<script src="https://unpkg.com/@majidh1/jalalidatepicker/dist/jalalidatepicker.min.js"></script>

<script> jalaliDatepicker.startWatch(); </script>

بعد کافیه روی Input این attribute رو داشته باشی:

data-jdp

تا DatePicker شمسی فعال بشه 😎

📌 نکته مهم در Blazor:

اگر میخای مقدار انتخاب ‌شده رو مستقیماً داخل یک property در C# بگیری، باید بین JavaScript و Blazor یک ارتباط ایجاد کنی؛ مثلاً با JS Interop

📱 سورس پروژه:

🔗 JalaliDatePicker

#️⃣ #برنامه_نویسی #سی_شارپ #طراحی_سایت

➖➖➖➖➖➖➖➖
⏺ @cactuswebteam | کاکتوس وب