Koşulda birkaç kez satırlarda özel css efekti ayarladıktan sonra Jquery time-picker'dan zaman gösteriliyor

Question

Css efektlerini ayarladıktan sonra zamanlayıcıyı göstermek için sorun yaşıyorum. beforeShow yöntemi denedim ama beforeShow da bilmiyorum olsa da ateş etmemiştir.

Şimdi Senaryo ı o zaman bu zaman css etkisi ayarı jquery ajax çağrısı & ile kullanılabilen bir zaman alıyorum şekilde Şu anda ben, timepicker göstermek için metin kutusu tıklayarak ilgili css efektleri kuruyorum

---

olduğunu Metin kutusuna tıklandığında css efektleri daha sonra & görüntüleniyor. Tüm css efektlerini ayarladıktan sonra timepicker açılır menüsünü göstermek istiyorum.

Bu i css Effects

// Highlight Available Time Slots 
$(".txtArrivalTime").click(function() { 
    $(".time-picker>ul>li.AvaiableTime").removeClass("AvaiableTime"); 
    $(".time-picker>ul>li.RemoveAvailableTime").removeClass("RemoveAvailableTime"); 

    var custID = $("#hfCustomerID").val(); 
    var realdate = $("#txtExamDate").datepicker("getDate"); 
    var date = $("#txtExamDate").val(); 
    date = date == "Locked" ? "" : date 
    var DayOfWeek = realdate ? realdate.getDay() : null; 

    //$("#time_07_00").css("background-color", "gray"); 



    $.ajax({ 
     url: "/Data/Services/CustomersUsers.asmx/GetCustomerTimeSlots", 
     type: "POST", 
     dataType: "json", 
     data: JSON.stringify({ ID: custID, DayOfWeek: DayOfWeek, ShowInactive: false, SelectedDate: date }), 
     contentType: "application/json; charset=utf-8", 
     success: function (data) { 
      data = data.d; 
      if (data.hasAnySlots && data.slots.length) { 

       $.each(data.slots, function (i, slot) { 
        var Hrs = "00" + slot.timeSlot.Hours; 
        Hrs = Hrs.substr(Hrs.length - 2); 
        var Mins = "00" + slot.timeSlot.Minutes; 
        Mins = Mins.substr(Mins.length - 2); 
        var time = Hrs + ":" + Mins; 
        var rtime = time.replace(':', '_'); 
        $("#time_" + rtime).removeClass("RemoveAvailableTime"); 
        $("#time_" + rtime).addClass("AvaiableTime"); 
       }); 

      } 
      $.ajax({ 
       url: "/Data/Services/CustomersUsers.asmx/GetTakenCustomerTimes", 
       type: "POST", 
       dataType: "json", 
       data: JSON.stringify({ custID: custID, date: date, poid: $("#patientOrderID").val() }), 
       contentType: "application/json; charset=utf-8", 
       success: function (data) { 
        data = data.d; 

        $.each(data, function (i, slot) { 
         var Hrs = "00" + slot.Hours; 
         Hrs = Hrs.substr(Hrs.length - 2); 
         var Mins = "00" + slot.Minutes; 
         Mins = Mins.substr(Mins.length - 2); 
         var time = Hrs + ":" + Mins; 
         var rtime = time.replace(':', '_'); 
         $("#time_" + rtime).removeClass("AvaiableTime"); 
         $("#time_" + rtime).addClass("RemoveAvailableTime"); 
        }); 

       } 
      }); 
     } 
    }); 


}); 

// Not ayarlıyorum nasıl budur TimePicker

$(".txtArrivalTime").timePicker({ 

     startTime: "05:30", 
     step: 15 

     , onSelect: function (dateText, inst) { 

      // console.log(dateText); 
     } 
//, beforeShow() { 
//} 
    }); 

kuruyorum nasıl: Mevcut Zaman i olduğumu ajax çağrısı ile zaman elde etmek ve zaman ayarlayıcıda css efektlerini ayarlamak txtExamDate Metnine bağlıdır.

Lütfen bana bunu yapmanın iyi bir yolu olduğunu söyle.

Answer 1

Tamam Sonunda kendim düzeltdim. txtArrivalTime tıklama olayı yerine txtExamDate değişikliği olayı için aynı kodu yazmak zorunda kaldım. :) kötü için üzgünüm .. bu çok kolaydı.