• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

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



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

ترفندهای پیشرفته jQuery (قسمت 55)

0 294 ۱۷ آذر ۹۴

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم.
jquery trickshot

موضوع پنجم : استفاده از پلاگینها

ترفند 94 : انتخاب کننده تاریخ و زمان بصورت واکنشگرا

با وجود زیاد شدن روز به روز استفاده از دستگاه های موبایل، این مسئله که سایت شما باید Touch-friendly باشن بیشتر خودشو نشون میده. وبسایت شما باید بر روی هر سایزی بخوبی نمایش داده بشه. در اینجا یک ابزار بنام pickadate.js در اختیارتون قرار میگیره که که میتونین یک انتخاب کننده تاریخ و زمان بصورت واکنشگرا رو در سایتتون قرار بدین.

در ابتدا موارد مورد نظر رو include میکنیم:

میبینید که 3 فایل رو وارد کردیم. picker همیشه باید وجود داشته باشه و از دوتای دیگه میتونین یکیشو وارد نکنید. بستگی داره که شما به چه چیزی نیاز دارید. picker.date انتخاب کننده تاریخ هست و picker.time انتخاب کننده زمان.

همچنین باید فایل CSS مورد رو وارد کنید:

حالا اون input که قراره با کلیک بر روی اون datepicker باز بشه رو قرار میدیم:

حالا میخایم با کلیک بر روی این input انتخاب کننده تاریخ باز بشه. برای اینکار بصورت زیر عمل میکنیم:

بهمین راحتی. خروجی بصورت زیر خواهد بود:

datapicker

حالا یه input دیگه قرار میدیم که با کلیک بر روی اون انتخاب کننده زمان باز بشه:

برای باز کردن انتخاب کننده زمان میتونین بصورت زیر عمل کنید:

با اینکار هم انتخاب کننده زمان نسبت داده میشه.

میتونین با تغییر در تنظیمات این پلاگین اونو بیشتر به سلیقه خودتون نزدیک کنید:

مثلا با کاری که در بالا کردیم باعث شدیم که نوشته ای که در بالای روزها قرار میگیره تغییر کنه. همچنین با true قرار دادن ویژگی showMonthsShort هم ماه ها رو بصورت خلاصه نشون میدیم.

همچنین با کد بالا میتونیم نوشته های بر روی دکمه ها رو تغییر بدیم.

همچنین میتونین این پلاگین رو بیشتر برای زبانهای راست چین بهینه کنید:

با قرار دادن دو فایل بالا بعد از فایلهای دیگه این پلاگین برای زبان فارسی بهینه میشه و میتونید در سایت خودتون قرار بدین.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها اولین دیدگاه این مطلب را ارسال کنید.

ارسال دیدگاه

ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
عضویت/ ورود سریع با :
در حال اتصال ...

ورود به سایت

ورود سریع با :
در حال اتصال ...

جستجو در سون لرن

عبارت :
7LearnTelegram