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的意图。在控制台期间，日期对象将转换为ISOString格式。

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

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

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

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

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

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

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

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

bootstrap-datepicker格式问题

2 个答案: