为引导日期选择器设置默认日期答案

【问题标题】：Set default date for bootstrap datepicker为引导日期选择器设置默认日期
【发布时间】：2018-01-04 09:29:06
【问题描述】：

我正在尝试在 var startDate 中存储的日期打开引导日期选择器。

以下代码不起作用，因为日期选择器的默认日期格式是 mm/dd/yy。 startDate 的格式为 dd/mm/yy。

<script type="text/javascript" >
    function toggle_dp() {
        $("#myModal").modal("show");
        $("#datepicker").datepicker({
          dateFormat: 'dd/mm/yy',
          changeMonth: true,
          changeYear: true,
          defaultDate: new Date('{{ startDate }}')
        });
        $("#datepicker").datepicker( "option", "dateFormat", "dd-mm-yy" );
    }
</script>

例如，如果startDate 是 05/03/2018（3 月 5 日），则日期选择器将以默认日期 03/05/2018（5 月 3 日）打开。

【问题讨论】：

标签： javascript datepicker

【解决方案1】：

使用格式：而不是日期格式：

<script type="text/javascript" >
    function toggle_dp() {
        $("#myModal").modal("show");
        $("#datepicker").datepicker({
          format: 'dd/mm/yy',
          changeMonth: true,
          changeYear: true,
          defaultDate: new Date(toMMDDYYYY(startDate))
        });

    }

function toMMDDYYYY(date) {
            var datePart = date.split("/");
            var MMDDYYYY = [datePart[1], datePart[0],datePart[2]].join('/');
            return MMDDYYYY
        }
</script>

【讨论】：

这会产生与我的代码相同的结果。我想要做的是将日期选择器的格式更改为 dd/mm/yy，但我的代码没有任何效果。
尝试使用 format: 而不是 dateFormat: 更新答案

【解决方案2】：

您为format 编写了错误的语法。只需在您的脚本代码中将 dateFormat 替换为 format，如下所示

更多关于Bootstrap Date-picker Format的帮助

<script type="text/javascript">
  function toggle_dp() {
    $("#myModal").modal("show");
    $("#datepicker").datepicker({
      format: 'dd/mm/yy',
      changeMonth: true,
      changeYear: true,
      defaultDate: new Date('{{ startDate }}')
    });
    $("#datepicker").datepicker("option", "format", "dd-mm-yy");
  }
</script>

【讨论】：