twitter-bootstrap - Bootstrap Datepicker 更新带有月份编号的文本框

Question

我有一个 Bootstrap 日期选择器的实例设置并运行良好，但是，我想做的是在选择日期时，将月份编号分配给文本框，比如说 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>

我已经尝试了 .on('changeDate', function() 的各种场景，但似乎无法让它工作。

Answer 1

不确定更新文本框是什么意思，但这里是更新 div 或输入的示例。您必须将 分配.on给 datepicker 对象本身：

<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" />

在这里拉小提琴。