Bootstrap date pisker asosiy vazifalari

Bootstrap date pisker asosiy vazifalari

Bootstrap-datepicker Bootstrap uslubida moslashuvchan sana tanlash vidjetini taqdim etadi.

_images/demo_head.png
Versiyalar semverga qarab oshiriladi.

Onlayn demo

Talablar
Bootstrap 2.0.4+
jQuery 1.7.1+
Bular bootstrap-datepicker (js fayllari) bilan sinovdan o'tgan va (CSS fayllari) ga qarshi qurilgan maxsus versiyalardir. O'zingizning xavf-xataringiz bo'yicha boshqa versiyalardan foydalaning.

Bog'liqlar

Ayrim uslublar uchun bootstrapning ochiladigan komponenti (dropdowns.less), strelkalar uchun bootstrap spritelarini (sprites.less va tegishli tasvirlar) talab qiladi.

Mustaqil .css fayli (jumladan, kerakli ochiladigan uslublar va muqobil, matnga asoslangan strelkalar) lessc kompilyatori orqali build/build_standalone.less ishga tushirish orqali yaratilishi mumkin:

$ lessc build/build_standalone.less datepicker.css
Foydalanish
Javascript orqali sana tanlagichga qo'ng'iroq qiling:

$('.datepicker').datepicker();

Data API
Bootstrap-ning o'z plaginlarida bo'lgani kabi, datepicker ma'lumotlar api-ni taqdim etadi, bu esa maxsus JavaScript-ga muhtoj bo'lmasdan sana tanlagichlarni yaratish uchun ishlatilishi mumkin. Ko'pgina sanani tanlovchilar uchun ishga tushirmoqchi bo'lgan elementga data-provide="datepicker" ni o'rnating va u haqiqiy yuklash rejimida dangasalik bilan ishga tushiriladi. Inline datepickers uchun data-provide="datepicker-inline"; Ular sahifa yuklanganda darhol ishga tushiriladi va ularni dangasa qilib yuklab bo'lmaydi.


Komponent bilan belgilash

Boshqa yuklash plaginlarini o'chirib qo'yganingizdek, datepicker-ning data-api-ni o'chirib qo'yishingiz mumkin:

$(hujjat).off('.datepicker.data-api');

Konfiguratsiya
Variantlar sanani tanlash funksiyasiga imtihonda variantlar xeshi orqali uzatiladi:

$('.datepicker').datepicker({

format: 'aa/dd/yyyy',
Boshlanish sanasi: '-3d'
});
Ko'pgina variantlar maqsadli elementda ma'lumotlar atributlari sifatida taqdim etilishi mumkin:


$('.datepicker').datepicker({
Boshlanish sanasi: '-3d'
});
Barcha parametrlar uchun birlamchi qiymatlarni $.fn.datepicker.defaults xeshidagi qiymatlarni oʻzgartirish orqali bevosita oʻzgartirish mumkin:

$.fn.datepicker.defaults.format = "aa/dd/yyyy";

$('.datepicker').datepicker({
Boshlanish sanasi: '-3d'
});
Uslublar jadvallari
Kutubxonaga bir nechta turli xil uslublar jadvallari kiritilgan. Bu har bir fayl nima uchun ishlatilishi haqida umumiy ko'rinish:

bootstrap-datepicker.css twitter bootstrap v2 uchun eski yordam beradi, bootstrap-datepicker3.css twitter bootstrap v3-ni qo'llab-quvvatlash uchun ishlatiladi va bootstrap-datepicker.standalone.css twitter bootstrap kutubxonasiga bog'liq bo'lmasdan sana belgilovchini kiritish uchun ishlatilishi mumkin.

Mojaro rejimi yo'q
$.fn.datepicker.noConflict boshqa jQuery datepicker plaginlari bilan ziddiyatni oldini olish usulini taqdim etadi:

var datepicker = $.fn.datepicker.noConflict(); // $.fn.datepicker ni oldindan tayinlangan qiymatga qaytaring

$.fn.bootstrapDP = sana tanlash; // $().bootstrapDP-ga bootstrap-datepicker funksiyasini bering
Mundarija
Belgilash
kiritish
komponent
sana oralig'i
ichki yoki o'rnatilgan
Variantlar
avtomatik yopish
NearbyYearni taxmin qilinghttps://bootstrap-datepicker.readthedocs.io/en/latest/_images/demo_head.png
PreShowDay
ShowMonthdan oldin
PreShowYear
PreShowDecade
beforeShowCentury
kalendarHaftalar
clearBtn
idish
sanalar o'chirilgan
DayOfWeekDisabled
Ta'kidlangan hafta kunlari
defaultViewDate
Sensorli klaviaturani o'chiring
faqat o'qishni yoqish
tugash sanasi
forceParse
format
darhol yangilanishlar
kirishlar
keepEmptyValues
klaviatura Navigatsiya
til
maxViewMode
minViewMode
ko'p yillik
multidateSeparator
orientatsiya
showOnFocus
boshlanish sanasi
startView
andozalar
ko'rsatishHafta kunlari
sarlavha
bugunBtn
bugun ta'kidlash
toggleActive
ViewSana yangilash
haftaStart
zIndexOffset
Tezkor ma'lumotnoma
Usullari
yo'q qilish
ko'rsatish
yashirish
yangilash
belgilangan sana
setUTCDate
belgilangan sanalar
sanalarni tozalash
belgilanganUTCDates
getDate
getUTCDate
getDates
getUTCDates
getStartDate
getEndDate
setStartDate
setEndDate
setDatesDisabled
setDaysOfWeekDisabled
belgilanganDaysOfWeekAjratilgan
Voqealar
ko'rsatish
yashirish
sanani tozalash
o'zgartirish sanasi
o'zgartirishOy
Yilni o'zgartirish
o'n yillik
o'zgarish asr
Klaviaturani qo'llab-quvvatlash
yuqoriga, pastga, chapga, o'ngga strelkalar
kiriting
qochish
I18N
© Mualliflik huquqi 2016, eternicode Revision 9252578f.

Hujjatlarni o'qing tomonidan taqdim etilgan mavzu yordamida Sfenks bilan yaratilgan.

​Tafsilotlar bilan tanishish
Fikr-mulohaza
Yon panellar