帶有月份編號的Bootstrap Datepicker更新文本框

Question

我有一個Bootstrap datepicker安裝並運行正常的實例，但是，我想要做的是選擇日期時，將月份編號分配給文本框，讓我們說txt_month_number。我有一個很好的拖網，但示例/文檔有點稀缺。

這是到目前爲止我的代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
    $(function() { 
     $('#txt_end_date').datepicker({ 
      format: "dd/mm/yyyy", 
      weekStart: 1, 
      startView: 1, 
      autoclose: true, 
     }); 
    }); 
}); 

//alert(date.getDate());  
//alert(date.getMonth   
//alert(date.getDay());   

</script> 

我已經試過了。對（「CHANGEDATE」，（）函數的各種方案，但似乎無法得到它的工作

Answer 1

不知道你的更新是什麼意思一個文本框，但這裏是更新一個div或輸入的例子，您必須將.on的日期選擇對象本身。

<script> 
$(document).ready(function() { 
    $(function() { 
     $('#txt_end_date').datepicker({ 
      format: "dd/mm/yyyy", 
      weekStart: 1, 
      startView: 1, 
      autoclose: true, 
     }).on('changeDate', function(ev){ 
      $("#div_txt_month_number").text($(this).val().split('/')[1]); 
      $("#input_txt_month_number").val($(this).val().split('/')[1]);    
     }); 
    }); 
}); 
</script> 

<input id="txt_end_date"/> 

<div id="div_txt_month_number" class="well"></div> 
<input id="input_txt_month_number" /> 

Fiddle here。