Uxrocket.calendar NPM

UX Rocket Calendar

Calendar plugini, jQueryUI Calendar üzerine geliştirilmiştir. Orjinal plugindeki özelliklerin tamamı kullanılabilir. Ayrıca, takvim eklenen alanlarında data tanımları ile de ayarlar değiştirilebilir.

<input type="text" class="calendar" />
<input type="text" id="start" class="calendar" data-calendar-after="#end" />
<input type="text" id="end" class="calendar" data-calendar-before="#start" />
<input type="text" class="calendar" data-time="true"/>
<input type="text" class="calendar" data-time-only="true"/>

Notlar

Birbirine bağlı çalışan takvimlerde, data-calendar-after ve data-calendar-before tanımları ile, takvim alanlarının idleri ile birbirlerine bağlanır.

Tanımlar

Property	Default	Açıklama
time	true	Takvime saat ve dakika ekler.
timeOnly	true	Sadece saat seçimini gösterir.
controlType	"select"	Saat seçimi için slider ya da select box kullanımını belirler.
showOtherMonths	true	Takvim açıldığında, belirlenen ay dışında, diğer ayların da görüntülenmesine imkan verir.
selectOtherMonths	true	Takvim açıldığında, belirlenen ay dışında, diğer ayların da seçilebilmesine imkan verir.
changeMonth	true	Takvim açıldığında, ay değiştirme listesini gösterir
changeYear	true	Takvim açıldığında, yıl değiştirme listesini gösterir
dateFormat	dd/mm/yy	Seçilen tarihin, metin kutusunda hangi formatta gözükeceğini belirler.
yearRange	c-10:c+10	Takvimdeki yıl seçiminin aralığını belirtir. `c` şimdiki yılı gösterir. Başlangıç ve bitiş değerleri ":" ile ayrılarak yazılmalıdır. İster `c-nn:c+nn` şeklinde şimdiki yıla göre bir aralık belirlenebilir. İstenirse `nnnn:nnnn` şeklinde sabit bir aralık tanımlanabilir.

Data Attribute
time	Takvime saat ve dakika ekler.
time-only	Sadece saat seçimini gösterir.
control-type	Saat seçimi için slider ya da select box kullanımını belirler.
calendar-after	Bağıl çalıştığı, sonraki ayları/günleri gösteren takvimi belirler. Bağlı çalışacağı takvimin IDsi değer olarak verilmelidir.
calendar-before	Bağıl çalıştığı, önceki ayları/günleri gösteren takvimi belirler. Bağlı çalışacağı takvimin IDsi değer olarak verilmelidir.
number-of-months	Takvim açıldığında kaç ayın gözükeceğini belirler.
date-format	Seçilen tarihin, metin kutusunda hangi formatta gözükeceğini belirler.
year-range	Takvimdeki yıl seçiminin aralığını belirtir. `c` şimdiki yılı gösterir. Başlangıç ve bitiş değerleri ":" ile ayrılarak yazılmalıdır. İster `c-nn:c+nn` şeklinde şimdiki yıla göre bir aralık belirlenebilir. İstenirse `nnnn:nnnn` şeklinde sabit bir aralık tanımlanabilir.

Callback
onReady	Takvim, form elemanına bağlandığında çalışacak fonksiyonu çağırır.
onSelect	Takvimden bir tarih seçildiğinde çalışacak fonksiyonu çağırır.
onClose	Takvim kapatıldığında çalışacak fonksiyonu çağırır.

Public Metodlar

Method	Açıklama
$(selector).calendar(options)	Bu method plugini manuel olarak bir elemana bağlamanızı sağlar.
$.uxcalendar	Bu method pluginin detayını görmenizi sağlar
$.uxcalendar.version	Sayfaya eklenmiş pluginin versiyon numarasını gösterir.
$.uxcalendar.settings	Aktif pluginin ayarlarını gösterir.

jQuery javascript jQuery UI calendar datepicker uxrocket

jquery uxrocket.jqueryui-lite

@everything-registry/sub-chunk-3035 @infinitebrahmanuniverse/nolb-ux

10 years ago

10 years ago

11 years ago

11 years ago