bootstrap-datepicker 格式问题答案

【问题标题】：bootstrap-datepicker format issuebootstrap-datepicker 格式问题
【发布时间】：2018-06-13 18:16:27
【问题描述】：

我这辈子都无法获得格式化的日期......在我愤怒地删除我的“有趣”项目之前，有人可以帮忙吗？ :)

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="" />

【问题讨论】：

标签： datepicker jquery-ui-datepicker bootstrap-datepicker metronic

【解决方案1】：

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

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

日期在打印之前转换为 ISOString。

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

在上面的 sn-p 中，你可以看到第一个控制台语句已将日期以 ISO 格式打印为 StackOverflow 的字符串。

第二个中，日期已经转换成字符串，所以就这样打印出来了。

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

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

【讨论】：

【解决方案2】：

metronic 上已有日期选择器。我的例子：

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

【讨论】：