Jquery ui vidjetlar : Datepicker, Dialog. Amaliy ko’rsatmalar

Asosiy sozlamalar
Ba'zi konfiguratsiya opsiyalari qalqib chiquvchi va o'rnatilgan kalendarlarning asosiy xususiyatlarini o'rnatish uchun ishlatiladi. Bu xususiyatlar juda muhim, chunki ular vidjetning hujjatga qanday birlashtirilganligini nazorat qilish imkonini beradi. Ularning ro'yxati quyidagi jadvalda keltirilgan:
Mulk tavsifi
altField - Kalendarda sana tanlanganda yangilanadigan qoʻshimcha maydonni oʻrnatish imkonini beradi.
buttonImageOnly - Kalendarni ochuvchi yordamchi tugma oʻrniga buttonImage opsiyasi bilan belgilangan rasmdan foydalanish kerakligini bildiradi.
buttonImage - Qalqib chiquvchi kalendarni ochish uchun yordamchi tugma uchun ishlatiladigan rasmning URL manzilini belgilaydi. Sukut bo'yicha ishlatilmaydi
buttonText - Qalqib chiquvchi kalendarni ochish uchun tugmada ko'rsatiladigan matnni belgilaydi. Standart matn ellips (...)
defaultDate - Kalendar ochilganda ta'kidlanadigan sanani belgilash imkonini beradi
disabled -o'chirilgan Vidjetni dastlab o'chirib qo'yish kerakligini ko'rsatadi. Birlamchi qiymat noto‘g‘ri
showOn - Qalqib chiquvchi taqvim ochilishini ishga tushiruvchi amalni belgilaydi. Odatiy qiymat fokusdir
Standart sanani belgilash
Eng oddiy sozlama ham eng foydali hisoblanadi. DefaultDate opsiyasidan foydalanib, siz kalendar ochilganda avtomatik ravishda ta'kidlanadigan sanani belgilashingiz mumkin.
Agar defaultDate opsiyasi o'rnatilmagan bo'lsa, uning o'rniga joriy sana ishlatiladi. (Albatta, bu foydalanuvchi tizimida belgilangan sanani nazarda tutadi. Vaqt mintaqasi sozlamalari, yozgi yorug‘likdan foydalanish, noto‘g‘ri konfiguratsiyalar foydalanuvchiga ko‘rsatilgan sana siz kutgan kunga mos kelmasligiga olib kelishi mumkin. )
Ushbu parametr kiritish elementida qiymat atributi bo'lmasagina qo'llaniladi. Agar ushbu atribut mavjud bo'lsa (u siz tomonidan hujjatga kiritilganmi yoki foydalanuvchi tomonidan oldindan tanlanganidan qat'iy nazar), u holda Datepicker vidjeti uning qiymat qiymatidan foydalanadi.
Agar taqvimni boshqa boshlanish sanasi bilan ochishni istasangiz, uni quyidagi jadvalda tasvirlangan usullardan biri yordamida sozlashingiz mumkin:
null Joriy sana ishlatiladi
Date obyekti JavaScript Date obyekti sifatida taqdim etilgan qiymatdan foydalaniladi
+kunlar, -kunlar Joriy sanadan belgilangan kunlar soni bilan farq qiluvchi sanadan foydalanadi. Shunday qilib, +3 joriy kundan uch kundan keyin keladigan sanani va -2 ikki kun oldingi sanani bildiradi
+1d +7w -1m +1y Joriy sanadan hisoblangan va kunlar soni (d), haftalar (w), oylar (m) va yillar (y) sifatida ifodalangan sanadan foydalanadi, bu sana qanchaligini belgilaydi vaqt bo'yicha oldinga (+) yoki orqaga (-) siljiydi. Bir sanada ijobiy va salbiy qiymatlarni aralashtirishga ruxsat beriladi. Masalan, 2011-yil 12-noyabr sanasi bilan ishlatilgan -1d +1m qiymat birikmasi 2011-yil 11-dekabrga to‘g‘ri keladi.
Besh yildan keyingi sanani belgilash uchun defaultDate opsiyasidan foydalanish misoli quyida keltirilgan:
$(function() {

$.datepicker.setDefaults($.datepicker.regional['ru']);

$('#datep').datepicker({
defaultDate: "+5y"
});

});
Aytaylik, joriy sana 2013 yil dekabr. Keyin, quyidagi rasmda ko'rsatilganidek, defaultDate opsiyasi qiymati bilan belgilangan sana 2018 yil dekabriga to'g'ri keladi:

Nisbiy sanalarni belgilash uchun tavsiflangan format sizni bir necha marta kutib oladi. Bu kerakli aniqlikni ta'minlaydigan juda moslashuvchan format. Xuddi misoldagi kabi, siz o'zgartirmoqchi bo'lmagan har qanday bo'shliqni qoldirishingiz mumkin. Masalan, "+0d +0w +0m +5y" qiymati o'rniga "+5y" qiymatini ishlatish juda mumkin. Ushbu formatning yoqimli tomoni shundaki, u turli xil intervallar uchun ijobiy va salbiy qiymatlarni aralashtirish imkonini beradi, bu sizga kerakli sanani aniq aniqlash imkonini beradi.