javascript - 根据区域设置的 Jquery UI Datepicker 占位符

Question

我想要一个用占位符初始化的日期选择器，显示正在使用的日期格式，例如dd/mm/yyyy 或 mm/dd/yyyy 等

日期字符串格式必须与日期选择器使用的格式相同，并且由这部分代码设置:

var locale= getUserLocale(); //eg 'en-US'        
$.datepicker.setDefaults(
            $.extend(
                $.datepicker.regional[locale]
            )
    );

因此，占位符必须根据区域日期选择器设置而有所不同。

Answer 1

您可以在初始化日期选择器后设置占位符:

$.datepicker.setDefaults($.datepicker.regional["fr"]);

$(function() {
  $("#datepicker-1").datepicker();
  $("#datepicker-2").datepicker($.datepicker.regional["zh-CN"]);

  $(".datepicker").each(function() {
    var dateFormat = $(this).datepicker("option", "dateFormat");
    $(this).prop("placeholder", dateFormat);
  });
});

@import url("//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css");

body {
  font: medium sans-serif;
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/i18n/jquery-ui-i18n.min.js"></script>

<p>Default (fr):<br>
  <input id="datepicker-1" class="datepicker"></p>
<p>Chinese (zh-CN):<br>
  <input id="datepicker-2" class="datepicker"></p>