javascript - Twitter Bootstrap Datepicker 不会更新输入值

Question

我有这段代码，但现在我被卡住了：

<input type="text" id="datepicker" value="/">

<script type="text/javascript">
    $('#datepicker').datepicker()
        .on('changeDate', function(ev){
            // Some code..
        });
</script>

我希望每次选择新日期时都更新输入字段的值。我希望该值是选定的日期。

Answer 1

$(document).ready(function(){

    var dp = $("#datepicker");

    dp.datepicker({
        format : 'mm-dd-yyyy',
    });

     dp.on('changeDate', function(ev){
       dp.val(ev.target.value);
    });

});

Answer 2

我不得不做一些疯狂的事情让我的工作。也许关于版本的东西？我不知道。

        var dt = $(".datepick");

        dt.datepicker({
            format: 'dd/mm/yyyy'
        });

        dt.on('changeDate', function (ev) {
            var mDate = new moment(ev.date);

            $("input", dt).attr('value',mDate.format('DD/MM/YYYY'));
        });

是的，我正在使用时刻 js，这是因为我正在页面上进行一些日期计算。

但它奏效了。

我需要输入有值，所以我可以使用 jquery 选择器来过滤带有:not([value=''])选择器的空字段。

希望对身体有帮助^_^

Answer 3

html:

<div class="input-group input-daterange">
    <input type="text" class="form-control" value="2019-03-05">
    <div class="input-group-addon">to</div>
    <input type="text" class="form-control" value="2019-03-14">
</div>

JS：

$(".input-daterange input").each(function(){
        $(this).datepicker('setValue');
});

Answer 4

<script type="text/javascript">
$(function() {
    $( "#datepicker" ).datepicker().on('changeDate', function(ev){
        // Some code..
    });;
});

当页面准备好时，日期选择器应该附加到#datepicker元素

$(function() {
  //code
}

或者

$(document).ready($function{
 //some code
});

或确保

$("#datepicker").datepicker().on('changeDate', function(ev){}); 

在单击#datepicker 元素之前在函数中执行