bootstrap-datepicker格式问题

Question

我不能为我的生活得到格式的日期...在我愤怒删除我的“有趣”项目之前，有人可以帮忙吗？ :)

console.log(date)几乎是完美的，显示：2018-06-28T23:00:00.000Z而input字段值更新为value="Fri Jun 29 2018 00:00:00 GMT+0100 (GMT Summer Time)"。

我不明白为什么console.log(e.date)会展示一件事，.val(e.date)会展示一些完全不同的东西？

任何帮助将不胜感激，我已经阅读了15个网站并尝试了几十种不同的配置。谢谢。

$(function() {
    $('#next_review_date').datepicker({
        format: 'dd/mm/yy',
        weekStart: 1,
        startDate: '+1d',
        maxViewMode: 2,
        clearBtn: true,
        daysOfWeekHighlighted: "1,2,3,4,5",
        todayHighlight: true

    }).on('changeDate', function(e) {
        console.log(e.date);
        $('#selected_next_review_date').val(e.date);
    });

});

<div id="next_review_date"></div>
<input type="hidden" name="next_review_date" id="selected_next_review_date" value="" />

Answer 1

它的StackOverFlow意图。在控制台期间，日期对象将转换为ISO String格式。

StackOverFlow已覆盖控制台语句以向其控制台显示内容。

在打印日期之前，日期将转换为ISO字符串。

console.log(new Date());
console.log(new Date().toISOString());

在上面的代码片段中，您可以看到第一个控制台语句已通过StackOverflow将ISO格式的日期打印为字符串。

在第二个中，日期已经转换为字符串，因此按原样打印。

你可以看到双引号的区别。

如果你只是看到浏览器控制台，很明显它是以预期的格式打印的。

Answer 2

在metronic上已有的datepicker。我的例子：

<div class="m-portlet__body">
    <form class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed">
        <div class="m-portlet__body">
            <div class="form-group m-form__group row">
                <div class="col-lg-12">
                    <input type="text" class="form-control" id="m_datepicker_1" readonly="" placeholder="date" data-date-format="dd.mm.yyyy">
                </div>
            </div>
        </div>
    </form>