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意图。在控制台中，date对象会转换为ISOString格式。

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

​

​

日期在打印前转换为ISOString格式。

​

​

​

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>

​