Question

我希望有一个使用占位符初始化的日期选择器，显示正在使用的dateFormat，例如dd/mm/yyyy或mm/dd/yyyy等。

datetring格式必须与datepicker使用的格式相同，并且由这部分代码设置：

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

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

Answer 1

您可以在初始化datepicker后设置占位符：

＆＃13;

$.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);
  });
});

＆＃13;

@import url("//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css");

body {
  font: medium sans-serif;
}

＆＃13;

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

＆＃13;

根据区域设置，Jquery UI Datepicker占位符

1 个答案: