دوشنبه , اردیبهشت ۲ ۱۳۹۸
خانه / آموزش برنامه نویسی / آموزش برنامه نویسی وب / آموزش Asp.net core / تاریخ شمسی در Asp.net core به همراه سورس

تاریخ شمسی در Asp.net core به همراه سورس

یکی از امکاناتی که همه وب سایتهای فارسی زبان به آن نیاز دارد قابلیت تاریخ شمسی می باشد. در این مقاله از وب سایت Aspcore.ir در مورد تاریخ شمسی در Asp.net core صحبت خواهیم کرد.

در انتهای نیز در قالب یک فیلم آموزشی کامل و پروژه محور نحوه پیاده سازی این کار را آموزش داده ایم.

 

ایجاد پروژه :

  • مرحله اول :

ویژوال استودیو را باز کنید و یک پروژه جدید از نوع Asp.net core ایجاد کنید.

 

 

  • مرحله دوم :

پس از ایجاد پروژه و جهت کار با تاریخ شمسی در Asp.net core می بایست پلاگین تاریخ شمسی را در پوشه wwwroot پروژه کپی کنید.

 

  • مرحله سوم:

روی پوشه Model کلیک راست کنید و یک کلاس جدید با نام MyModel را ایجاد کنید و Property های زیر را در آن بنویسید.

 

  • مرحله چهارم:

وارد ویوی index شوید و مطابق دستورات زیر کدها را بنویسید. (دقت نمایید سورس این آموزش در انتها در اختیار شما کاربران گرامی قرار خواهد گرفت.)

 

 

 

همانطور که در کدهای بالا مشاهده می فرمایید در قسمت بالای View فایل jquery.bootstrap-persainDateTimePicker.css را به صفحه index لینک کرده ایم و در قسمت پایین ویو نیز ۲ فایل جی کوئری مربوط به تاریخ شمسی را به صفحه مورد نظر لینک داده ایم. همچنین در درون تگ form نیز از یک تگ input جهت نمایش تاریخ شمسی استفاده شده است. (جهت توضیحات تکمیلی فیلم آموزشی را مشاهده نمایید.)

نکته مهم در مورد استفاده از تاریخ شمسی در Asp.net core اینکه در کدهای مربوط به تگ نمایش تاریخ شمسی بهتر است خاصیت های name و id و data-targetselector یکسان در نظر گرفته شود تا برای دریافت مقدار تاریخ مشکلی پیش نیاید.

 

  • مرحله پنجم :

حال میتوان وارد Controller شد و مقادیر ارسالی توسط form را دریافت کرد.

 

مشاهده فیلم آموزش کار با تاریخ شمسی در Asp.net core

 

 

 

دانلود سورس کامل پروژه کار با تاریخ شمسی در Asp.net core

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *