jQueryの日付ピッカー：入力グループのアドオンのボタン上のショーが

Question

をクリックして、私はdivを次ています

  <div class="input-group"> 
       <input type="hidden" id="datepicker"> 
       <input type="text" id="input_date" class="form-control" value="" readonly='readonly'> 
       <span class="input-group-addon" id="input_btn_calendar"><i class="fa fa-calendar"></i></span> 
      </div> 

そして、次のjQueryの呼び出し：

var today = new Date(); 
    $("#input_date").datepicker({ 
     changeYear: false, 
     numberOfMonths: 1, 
     altFormat: "yy-mm-dd", 
     altField: "#datepicker", 
     minDate: today, 
     onSelect : function() { 
      var inputdate = $.datepicker.parseDate('yy-mm-dd', $("#datepicker").val()); 
     } 
    }).datepicker("setDate",today); 

これは私がtextを押したときにdatepickerが正しく表示されますフィールド。ただし、添付のスパンの内側にあるinput_btn_calendarボタンをクリックすると表示されます。

私はこれ試してみた：

$("#input_btn_calendar").click(function() { 
     $("input_date").datepicker('show') 
    }); 

をしかし残念ながら、それは何もしません。私は何が欠けていますか？

Answer 1

無効なセレクタ$('input_date')があります。

ああD'、代わりに

$("#input_btn_calendar").click(function() { 
    $("#input_date").datepicker('show') 
});