在 datepicker 中設置 ISO8601 格式

Question

我有這段代碼可以更改日期的格式。 我想知道如何將 ISO 格式設為默認格式，這樣每次有人選擇一個日期時，它都會被格式化為 ISO8601 yy-mm-dd格式，而無需再次使用 select。 這是因為它只假設我 select 另一個選項然后 go 回到以前的格式。

<script>
  $(function() {
    $("#datepicker").datepicker();
    $("#format").on("change", function() {
      $("#datepicker").datepicker("option", "dateFormat", $(this).val());
    });
  });
</script>
<p>
  Date: <input type="text" id="datepicker" size="30">
</p>
<p>
  Format options:<br>
  <select id="format">
    <option value="yy-mm-dd" selected>ISO 8601 - yy-mm-dd</option>
    <option value="d M, y">Short - d M, y</option>
  </select>

Answer 1

根據 select 的默認值，您需要在初始化選項中設置dateFormat ：

 $(function() { let $datepicker = $("#datepicker"); let $format = $('#format'); $datepicker.datepicker({ dateFormat: $format.val() }); $format.on("change", function() { $datepicker.datepicker("option", "dateFormat", this.value); }); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" /> <p> Date: <input type="text" id="datepicker" size="30"> </p> <p> Format options:<br> <select id="format"> <option value="yy-mm-dd" selected>ISO 8601 - yy-mm-dd</option> <option value="d M, y">Short - d M, y</option> </select> </p>