无法更改 Bootstrap Datepicker 格式答案

【问题标题】：Can't change Bootstrap Datepicker format无法更改 Bootstrap Datepicker 格式
【发布时间】：2017-11-16 23:49:58
【问题描述】：

我想要一个具有这种格式的日期选择器：dd/mm/yyyy。当我在 Javascript 中设置默认日期时，我的日期格式很好。但是当我单击它选择另一个日期时，格式会重置为：mm/dd/yyyy

HTML 代码：

<div class="input-group" id="datepicker">
  <input type="text" class="form-control" data-bind="value: startDate, event: {change: savePerishableDate}" id="date"/>
</div>

Javascript 日期选择器：

<script type="text/javascript">
    $(document).ready(function() {
        $("#date").datepicker({
            format: "dd/mm/yyyy",
            language: "fr",
            changeMonth: true,
            changeYear: true
        });
    });
</script>

Javascript：

self.startDate(new Date)
tmpDate = new Date
self.startDate(tmpDate.toLocaleDateString("fr-FR"))
$('#date').datepicker 'setDate', self.startDate()

【问题讨论】：

这是完整的js吗？
我编辑了我的消息，但这只是默认日期
有时由于浏览器缓存，您看不到更改。在浏览器的新私人/隐身窗口中尝试。

标签： bootstrap-datepicker

【解决方案1】：

我认为您使用的是旧版本的引导日期选择器，使用最新版本您可以根据需要设置日期格式

$(document).ready(function() {
            $("#date").datepicker({
                format: "dd/mm/yyyy",
                language: "fr",
                changeMonth: true,
                changeYear: true
            });
        });

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
<link type="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker3.min.css"/>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

<div class="input-group" id="datepicker">
  <input type="text" class="form-control" data-bind="value: startDate, event: {change: savePerishableDate}" id="date"/>
</div>

【讨论】：