设置引导日期选择器的默认日期

Question

我试图在存储在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日）打开。

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日期选择器格式的更多帮助

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