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

Question

在搜索了所有问题以找到问题的答案后，我决定发布一个新问题:我的问题是我希望 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 也将始终显示所选日期。

非常感谢。

Answer 1

使用 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>

您必须对 CSS 进行一些操作才能使它们保持在一起。