如何使Bootstrap Datepicker返回天数而不是日期？

debugcn 发表于 Dev

D4V1D

在SO各处搜索以找到问题的答案后，我决心发布一个新问题：我的问题是我希望让Bootstrap Datepicker返回一个日期，而不是让它返回今天之间的天数和选定的日期。

我的代码是：

$('#datepicker').datepicker({
            language: 'fr',
            startDate: new Date(),
            autoclose: true
        }).on('changeDate', function(e) {
            var start = moment(e.date);
            var end   = moment(new Date());
            var diff = start.diff(end, 'days'); // returns correct number
            $(this).val(diff); // doesn't seem to have any effect
        });

即使我使用return diff，#datepicker当我想要两个日期之间的天数时，也将始终显示选定的日期。

非常感谢。

达里奥格里福

使用2个输入和一个图标，将图标用作单击，然后在另一输入中设置值，而不是将其用于日期选择器

<input id="diffInput"  />
<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input id="DONTUSEME" type='text' class="form-control" style="display:none"/>
                    <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#datetimepicker1').datetimepicker({
                    language: 'fr',
                    startDate: new Date(),
                    autoclose: true
                }).on('changeDate', function(e) {
                    var start = moment(e.date);
                    var end   = moment(new Date());
                    var diff = start.diff(end, 'days'); // returns correct number
                    $('#diffInput').val(diff); // doesn't seem to have any effect
                });
            });
        </script>
    </div>
</div>