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元素之前的函数中执行

Twitter Bootstrap Datepicker不会更新输入值

4 个答案: