Question

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

以下代码无效，因为datepicker的默认日期格式为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/201（5月3日）打开。

Answer 1

使用formate：而不是dateFormat：

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

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

设置bootstrap datepicker的默认日期

2 个答案: