JQuery Takvim Eklentileri

Bu postumuzda, web sitenize uygun, kullanışlı bir takvim yapısı oluşturmak istediğinizde kolayca uygulayabileceğiniz örnek eklentilerden bahsedeceğiz. Takvim, web sitesinde olması gereken temel araçlardan biridir. Günlük planlamalarınızı düzenlemenizde, randevularınızı ve o tarihteki önemli olayları hatırlamanızda yardımcıdır. Verdiğimiz örneklerden bazıları ücrete tabi iken bazıları ücretsiz olarak kullanımınıza açıktır. İsterseniz küçük stil değişiklikleri ve düzeltmelerle kendi web sayfanıza entegre edebilirsiniz.

DZS jQuery Mini - Etkinlik Takvimi

Eklentimiz iToys ve Android ile sorunsuz çalışabilmektedir. Ayrıca Chrome, Opera ,Safari ve Firefox tarayıcılarda test edilmiş, sorunlar giderilmiştir.

Daha Fazla Bilgi

jQuery Zaman Seçici

Ekranda gördüğünüz kutucuğa tıkladığınızda daha büyük, yeni bir kutucuk çıkar. Buradan zaman diliminizi seçebilirsiniz. Seçilen saatler kırmızı kutucukla belirtilmektedir.

Daha Fazla Bilgi

JS ile Basit - Etkinlik Takvimi

Bu eklentiyi kullanarak etkinlikler oluşturabileceğiniz, bu etkinliklerin başlangıç ve bitiş tarihlerini girebileceğiniz, kendi link ve lokasyonlarınızı Google Map'ten ekleyebileceğiniz bir takvim elde edebilirsiniz.

Daha Fazla Bilgi

Esotech ile Basit - Etkinlik Takvimi

Widget ile oluşturduğunuz etkinlikleri liste ve/veya takvim bloğu şeklinde gösterebilirsiniz.

Daha Fazla Bilgi

Ajax Rezervasyon Takvimi

Bu eklentimizin ön yüz(front end version) ve arka yüz(back end version) olmak üzere iki versiyonu bulunmaktadır. Back end versiyonda seçilmesini istemediğiniz tarihleri devredışı bırakıp bu şekilde kaydedebilirsiniz. Dilerseniz görünümlerini Front end versiyonda refresh butonunu kullanarak değiştirebilirsiniz. CMS'de kolay entegre edilebilir ve otomatik boyutlandırılabilir özelliklerine sahiptir.

Daha Fazla Bilgi

Büyük Boyutta Takvim (FullCalendar)

Dilerseniz sürükle - bırak tekniği ile takviminize etkinlik girebilirsiniz. Dilediğiniz etkinlik kutucuğunu eklemek istediğiniz tarihin üzerine sürüklemeniz yeterlidir. Aynı tarihteki etkinliklerde birden fazla başlık sürükleyebilirsiniz fakat etkinlik isimleri standarttır, isteğinize bağlı olarak başlıkları değiştiremezsiniz. Bu eklentiyi Ajax'ı kullanarak kendi formatınıza göre derleyebilirsiniz, renklerle oynayabilirsiniz.

Daha Fazla Bilgi

jQuery ile Takvim Eklentisi (jQuery.calendarPicker)

Ücretsiz web takvim eklentisidir. Uluslararasılaştırmayı destekler, günlük tarih değişimini otomatik olarak gerçekleştirir, tarih seçimlerinde seçtiğinizi teğet etmek amacıyla geri bildirim sağlar. Gün, ay ve yılı aynı anda görebilirsiniz, dilerseniz gün seçimi kısmında sağ ve sol taraflara kaydırma kolaylığı için birer ok işareti koyabilirsiniz.

Daha Fazla Bilgi

JS ile Takvim Oluşturma

Mütevazi, erişilebilir, zaman bildirmeyen bir tarih seçici eklemek istediğinizde bu eklentiden yararlanabilirsiniz. Firefox, Chrome ve Safari ile uyumlu bir şekilde çalışmaktadır. Çoklu dil özelliği bulunmaktadır, istediğiniz dillere göre çalışabilir hale getirebilirsiniz. Ayrıca eklenti üzerine yazı ve görsel eklemeniz de mümkün. Eklentimiz ücretlidir.

Daha Fazla Bilgi

oCalendar - jQuery ile Takvim Eklentisi

Ücretli eklentilerimizden biridir. İstediğiniz boyutta ayarlayabilir projenize kolayca entegre edebilirsiniz. ‘search event' yazan kutucuğu kullanarak öğrenmek istediğiniz etkinliği aratabilirsiniz. Eklentinin içerisinde on farklı tema mevcuttur. Kolaylıkla dil değişimi yapabilirsiniz. Müşteri tarafından etkinlikler düzenlenebilmektedir.

Daha Fazla Bilgi

EvenTouch Takvim

PHP versiyonun eklenebildiği, jQuery ile hazırlanan etkinlik takvimidir. Bu eklenti Google Takvim uygulaması ile benzer özelliklere sahiptir. Ayrıca Google'ınkinden daha basit ve yaratıcı düzeyde yatay aylık ve haftalık takvim yapısına sahiptir. Belirtilen saat için tek bir etkinlik girebilirsiniz. Bu eklentinin oluşturulma sürecinde HTML, CSS ve JS kullanılmıştır. Bu eklentiyle etkinliklerinizi listelenmiş bir şekilde görebilirsiniz. Her bir etkinlik için farklı renk kullanmanız da mümkün.

Daha Fazla Bilgi

Zebra - Tarih ve Zaman Seçici (Zebra Datepicker)

Byte kulanımı açısından çok az yer (30 KB) kapladığı için kullanıcılara büyük avantaj sağlamaktadır. Bu eklentiyi kullanarak sitenizde zaman ve tarih gösteren bir yapı oluşturmuş olursunuz. Bütün ana tarayıcılarda çalışabilir özelliktedir ayrıca Internet Explorer 6'da çok iyi performans göstermektedir. RTL dilleri desteklemektedir. RTL'i kısaca tanımlayacak olursak sağdan sola doğru yazılan ve okunan dillerdir, Arapça ‘yı örnek olarak verebiliriz. Türkçe ise LTR bir dildir, soldan sağa doğru yazılır ve okunur. Eklentimizin AMD ve CommonJS ile uyumlu olduğunu, ulaslararasılaştırmayı desteklediğini de söyleyebiliriz.

Daha Fazla Bilgi

Etkinlik Yönetici

Online rezervasyon siteleri için kullanışlı bir eklentidir. Etkinliğinizi yer ve zaman detaylarıyla paylaşmanızı sağlar, alıcının bilgilere erişimini kolaylaştırır, kişisel bilgilerini alır. Birçok otel ve konser bilet satış sitesinde bu yapıya rastlamışsınızdır. Dilerseniz bu eklentiyi kullanabilir bununla birlikte Google map ve location uygulamalarını projenize dahil edebilirsiniz.

Daha Fazla Bilgi

Tüm Etkinlikler Tek Bir Takvimde

Renkli, eğlenceli, planlarımı bir arada tutacak işlevsel bir takvim eklentisi arıyorum diyorsanız tam yerindesiniz. Bu eklentimizle etkinliklerinizi kategorilere ayırabilir bunu yapmak için de renklerden yararlanabilirsiniz. Hatta etkinliğiniz hakkında resimler de ekleyebilirsiniz. Etkinlik süresini available views kısmında day, week, month, agenda seçenekleriyle belirtebilirsiniz. Google map uygulamasını projenize entegre edebilirsiniz. Takviminizin görünümünü tema çeşitlerinden dilediğiniz şekilde ayarlayabilirsiniz. En güzel özelliklerinden biri ise birçok dil desteğinin olmasıdır.

Daha Fazla Bilgi

wdCalendar - jQuery ile Basit Google Takvimi

Sürükle-bırak tekniği ile yeni etkinlikler oluşturabilir, var olanları güncelleyebilir ve istediklerinizi silebilirsiniz. PHP, JSP, ASP Classic, ASP.NET,Ruby On Rail ve AJAX kullanarak projeniz için güçlü bir veritabanı oluşturabilirsiniz. Günlük, haftalık, aylık ve yıllık etkinlikler oluşturabilirsiniz. Bu eklentiyi kullandığınız projelerinizi Internet Explorer, Firefox, Safari, Opera ve Chrome'da sorunsuz çalıştırabilirsiniz. Etkinlik açıklamalarınızın arka planını renklendirebilir bu sayede daha eğlenceli ve anlaşılır bir program elde edebilirsiniz.

Daha Fazla Bilgi

Geri Sayım Gösterimi

Sayfanıza gün, saat, dakika ve saniye olarak geri sayım sayacı koymak isterseniz bu eklentiyi kullanabilirsiniz. Kenar çubuğuna ya da içerik alanına kolaylıkla ekleyebilirsiniz. İster geri sayım ister ileri sayım olarak kullanabilirsiniz. Her sayaç modelinin farklı bir stile sahiptir.

Daha Fazla Bilgi

Twitter Bootstrap için Tarih Aralığı Seçici

Takvimler için başlangıç ve bitiş tarihlerinin ayarlanmasını sağlar. Seçilebilir minimum ve maksimum tarihleri sınırlar. Arayüzdeki tüm etiketleri yerelleştirilmiş metinle geçersiz kılmak için kullanılabilir. Takvim haftasını, haftanın herhangi bir günü ile başlatabilir.

Daha Fazla Bilgi

jQuery ile Zaman Seçici

Projelerinize kolayca ekleyebilir, isteğinize göre arka planını tasarlayabilirsiniz. Örneğin, hava tahminlerinde zaman seçimi yapmak istediğimizde önce butona tıklayıp sonrasında kaydırmamız gerekebiliyor; bu eklenti ile bu işlemi gerçekleştirebiliyoruz. 12-24 saat formatı kullanılmaktadır. Saate göre “am” ve “pm” (eğer İngilizce bir site tasarlıyorsanız) göstermeniz gerekir.

Daha Fazla Bilgi

Tarih Seçici

Arka planını dilediğiniz şekilde renklendirebilirsiniz. Özel günleri belirten butonları farklı renkler ile belirtebilirsiniz. Başlık kısmından ay ve yıl seçimlerini aşağı açılan menü(drop-down) şeklinde gösterebilirsiniz. oklar sayesinde de sonraki ay ve önceki ay seçimlerinde kolaylık sağlayabilirsiniz. haftanın ilk gününü istediğiniz şekilde ayarlayabilirsiniz.

Daha Fazla Bilgi

Zaman Aralığı Seçici (gün-ay-yıl)

Başlangıç ve bitiş tarihlerini bildirdiğinizde aradaki tarihler de otomatik olarak işaretlenmiş olur. Bu işaretlemeleri farklı renk bloklarının oluşmasından anlayabilirsiniz. Haftayı istediğiniz gün ile başlatabilirsiniz. Seçiminiz iptal etmek veya değiştirmek istediğinizde resetlemeniz yeterli olacaktır. Ayrıca takvimin alt kısmında hangi tarih aralığını seçtiğinize dair yazılı olarak geri bildirim çıkmaktadır.

Daha Fazla Bilgi

Zaman Çizelgesi Takvimi

Timelines yani çizelge şeklinde zamanı gösteren farklı takvim örnekleri bulunmaktadır. Biz burada bir tanesinden bahsedeceğiz. Çizelge biçiminde olmasının avantajlarından biri geniş bir zaman dilimini birarada görebiliyor ve bu sayede daha kolay yönlendirebiliyor olmaktır. Günlük, aylık, haftalık zaman dilimlerini çizelge üzerinde göstermemiz mümkündür.

Daha Fazla Bilgi