更改 Bootstrap 日期选择器格式答案

【问题标题】：Change Bootstrap datepicker format更改 Bootstrap 日期选择器格式
【发布时间】：2016-06-13 16:31:07
【问题描述】：

我正在使用 Bootstrap 日期选择器，我想将其格式更改为“dd-mm-yyyy”，但似乎没有任何效果。

$(document).ready(function () {
    $('#datepicker').datepicker({
       format: 'dd-mm-yyyy'
    });
});

我的脚本错了吗？

<html>
    <head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="site/css/bootstrap.min.css" rel="stylesheet">
        <link href="site/css/style.css" rel="stylesheet">
        <link href="site/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet">
        <script src="site/js/jQuery-1.12.3.js"></script>
        <script src="site/js/bootstrap.js"/></script>
    <script src="site/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"/></script>
<script src="site/js/script.js"></script>

</head>
<body>
<!--body-->
<!--form-->
<div class="col-md-2">
<label for="date-depart">Date de départ</label>
<div class="input-group date" id="datepicker">
<input type="text" name="datedep" class="form-control datepicker" />
<span class="input-group-addon btn"><i class="glyphicon glyphicon-calendar"></i> </span>
</div>
</div>

【问题讨论】：

你写的脚本没问题，能把完整的html贴在这里吗？
完成！我加了！
它是$(document).ready(function () { $(".datepicker").datepicker({ format: "dd-mm-yyyy" }); }); 用作日期选择器是类。
Mina 我采用了与您编写的相同的代码，并且运行良好，您可以查看jsfiddle.net/klenwell/LcqM7
它正在工作，但日期格式没有改变

标签： twitter-bootstrap datepicker

【解决方案1】：

试试这个

$(document).ready(function () {
$('#datepicker').datepicker({
   dateFormat: 'dd-mm-yyyy' 
});
});

【讨论】：

【解决方案2】：

尝试在脚本标签中使用这个

<script> 
$.fn.datepicker.defaults.format = "dd-mm-yyyy";
</script>

我和你有同样的问题，这对我有用。

【讨论】：

【解决方案3】：

<div class="input-group date" id="datepicker">
<input type="text" name="datedep" class="form-control datepicker" />

您应该将 id="datapicker" 提供给您的输入字段，而不是 <div>，如下所示

<div class="input-group date">
<input type="text" name="datedep" class="form-control datepicker"  id="datepicker" />

并将以下 javascript 放入您的 HTML 中

$(document).ready(function () {
    $('#datepicker').datepicker({
       format: 'dd-mm-yyyy'
    });
});

【讨论】：

【解决方案4】：

尽量不用引号。

format: dd-mm-yyyy

【讨论】：