Jump to content
Forumu Destekleyenlere Katılın ×
Paticik Forumları
2000 lerden beri faal olan, çok şukela bir paylaşım platformuyuz. Hoşgeldiniz.

Jquery takvim uygulamasında bir yol arıyorum


Öne çıkan mesajlar

Mesaj tarihi:

Selamlar şimdi tamamen kendi yazdığım bir takvim uygulaması var. Bir otel için rezervasyon zımbırtısı olacak. Yazılımsal tarafında bir sıkıntı yok ancak yapmak istediğim olay rezervasyon yaptıracağı zaman tarih seçme olayı ve dandik birşeyde olsun istemiyorum.

Yapmak istediğim olay bir tarihe tıklayacak ve sonraki tarihe tıkladıgında o aralığı seçecek. Örneği google analytics'in tarih seçme olayında var.

Şimdi bu olayı hangi mantık çerçevesinde yapabilirim. Yani adam önce 26-03-2012'yi sonrada 30-03-2012 tarihlerini seçti. Bu arada kalan 27-28-29 tarihlerinide selected yaptırıp bir inputun içinde yazdırmalıyım. Ama tam olarak o seçtirme şeysini çözemedim.

Takvim şöyle birşey;

Mesaj tarihi:
ben ajax derdim simdi tabi sayfa düzenini kodlamasini bilmiyorum.

adam 01.01 - 03.03 yerine 03.03 - 01.01 secerse hata vermeli vs. sectikten sonra ajax ile istedigin yere koyabilirsin.
Mesaj tarihi:
Sorun o değil zaten o kontrolü yaptırabilmek önemli, şimdi
  • kullanıyorum. Bunlara o günün tarihinde ID veriyorum id="UNIX_TIME" zımbırtısıyla bunu kontrol ettirebilirim ama şimdi benim sorunum şu;

    Adam bir tarihe tıkladı ve sonrasında sağa yada sola kaydırma yapacağı zaman addClass('rezerve'); yaptırıyorum. Bunda da sıkıntı yok ama hem martda seçip hemde gidip başka taraflarda seçim yaptırabiliyor. Bunun için sağlam bir algortme kurmam lazım jquery tarafında
  • Mesaj tarihi:
    hacı hiç yapamıyosan küçük olan tarihi seç. bir gün atlata atlata (addday(1) fln ne varsa) her seferinde listeye ekle.
    başkasına göstermiceksen sorun yok yani
    Mesaj tarihi:
    Olayı şu şekilde çözdüm;

    Öncelikle sorun şuydu;

    <ul id="February">
    <li>1</li>
    <li>2</li>
    .
    .
    .
    .
    <li>30</li>
    </ul>


    <ul id="March">
    <li>1</li>
    <li>2</li>
    .
    .
    .
    .
    <li>30</li>
    </ul>


    Bu şekilde bir yapı oluşturdugumda aynı ay içinde günler seçilirse nextUntil() kullanarak kolay bir şekilde 2 tarih arasına ".selectable" classını addClass yapabiliyordum.

    Ama örneğin Şubatda Marta bir ay seçtiğinde (25-02 ile 04-03 mesela) sadece şubat içinde ki "li" elementlerini seçip mart ayındakileri nextUntil görmüyordu.

    Bende şu şekilde kurdum;
    Eğer seçilen tarihlerde 2 farklı ay var ise son aydan geriye gelerek hepsini "selectable" yap (prevUntil) ve İlk ayın seçilen gününden sonrasında ki tüm li elementlerine "selectable" ver (nextAll) dedim ve oldu.
    Mesaj tarihi:
    Koduda şu şekilde;


    var firstmonth = '#'+$('#'+firstdateval).parents('div').attr('id');
    var lastmonth = '#'+$('#'+thisval).parents('div').attr('id');

    if(firstmonth!=lastmonth) $(lastmonth).prevUntil(firstmonth).find('ul').children('').addClass('selectable');

    $('#'+firstdateval).nextUntil('#'+thisval).addClass('selectable');
    $(this).prevUntil('#'+firstdateval).andSelf().addClass('selectable');
    ×
    ×
    • Yeni Oluştur...