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>

我尝试了.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" />

Fiddle here

带有月号的Bootstrap Datepicker更新文本框

1 个答案: