Bootstrap 3 Datepicker + Moment.js ，似乎无法使格式正常工作

Question

我正在尝试使以下 Bootstrap 3 插件正常工作：

http://eonasdan.github.io/bootstrap-datetimepicker/Options/

其中一个要求是Moment.js:

http://momentjs.com/docs/#/customization/

我的HTML是：

<div class="container">
    <div class='col-md-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker6'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
    <div class='col-md-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker7'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
</div>

JS：

<script type="text/javascript" src="/clip-art/static/datepicker/moment.js"></script>
<script type="text/javascript" src="/clip-art/static/datepicker/js/bootstrap-datetimepicker.min.js"></script>
  <link rel="stylesheet" href="/clip-art/static/datepicker/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/clip-art/static/datepicker/css/bootstrap-datetimepicker.min.css" />

 $(function () {
        $('#datetimepicker6').datetimepicker( {
            maxDate: moment(),
            allowInputToggle: true,
            enabledHours : false,
            //format: moment().format('YYYY-MM-DD'),
            format: moment().format('LLLL'),
            locale: "en"
        });
        $('#datetimepicker7').datetimepicker({
            useCurrent: false, //Important! See issue #1075
            allowInputToggle: true,
            enabledHours : false
        });
        $("#datetimepicker6").on("dp.change", function (e) {
            $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
        });
        $("#datetimepicker7").on("dp.change", function (e) {
            $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
        });
    });
</script>

我有点困惑，因为我似乎无法使格式正常工作。如果我用它来设置格式：

format: moment().format('LLLL'),

我有一个非常奇怪的约会！（甚至不确定那是什么语言？？）

如果我把它改成：

format: moment().format('YYYY-MM-DD'),

日期显示正确，但下拉菜单对我不起作用！

谁能指出我哪里出错了？我玩了很多，谷歌搜索等，但我还是想不通:(

顺便说一句：当我不尝试编辑日期格式时，下拉菜单本身会起作用：

Answer 1

好吧，我不确定为什么它不喜欢采用 moment().format() 值，但在检查 GitHub 问题后，我遇到了格式问题。它让我想到了这个例子：

https://jsfiddle.net/dugujianxiao/ad64awL7/11/

所以在调整我的代码以使用 format: 'YYYY-MM-DD' 之后，这似乎已经对它进行了排序：

$('#datetimepicker6').datetimepicker( {
    maxDate: moment(),
    allowInputToggle: true,
    enabledHours : false,
    locale: moment().local('en'),
    format: 'YYYY-MM-DD'
});

日期正确，格式也正确。

希望这对其他人有帮助！

Bootstrap 3 Datepicker + Moment.js ，似乎无法使格式正常工作

Bootstrap 3 Datepicker + Moment.js , can't seem to get format to work

twitter-bootstrap-3

momentjs

bootstrap-datepicker