如何在jQuery的

Question

上日期變化的事件綁定這是日曆：

<div class="element-group"> 
    <label class="element-label with-right-addon">Collection Date</label> 
    <div class="element-input-wrap"> 
     <div class="input-group use-dpicker" data-date=""> 
      <input class="element-input date-input listen-change" id="drpNewCollectionDateSvc" type="text" > 
      <span class="input-group-addon"><i class="fa fa-calendar" onclick="$('#drpNewCollectionDateSvc').focus()" style="cursor:pointer"></i></span>       
     </div> 
    </div> 
</div> 

這是另一個下拉在我顯示的時間。

<div class="element-group"> 
    <label class="element-label with-left-addon">Collect After</label> 
    <div class="element-input-wrap"> 
     <div class="input-group"> 
      <div class="input-group-addon"><i class="fa fa-clock-o"></i></div> 
      <%= Html.SquareDropDownListWithId("drpNewCollectionFutureTimeSvc", (SelectList)ViewData["List_RebookCollectionFutureTimeSvc"], null, "drpNewCollectionFutureTimeSvc", new { id = "drpNewCollectionFutureTimeSvc", @class = "element-input", @Name = "drpNewCollectionFutureTimeSvc", @style = "width:70%; height:18pt; display:none;" })%> 
     </div> 
    </div> 
</div> 

我有2個下拉菜單，一個是日曆，另一個是時間。我想創建一個功能，讓某人試圖更改下拉列表應該更改的日期。

Answer 1

drpNewCollectionDateSvc元素是一個輸入。 因此您可以處理onChange事件。

代碼是這樣的：

<input class="element-input date-input listen-change" id="drpNewCollectionDateSvc" type="text" onChange="updateSecond(this.value)"> 

現在你可以在updateSecond功能獲得價值。

function updateSecond(value){ 

}