根據區域設置的Jquery UI Datepicker佔位符

Question

我想用佔位符初始化一個datepicker，顯示正在使用的dateFormat。 dd/mm/yyyy或mm/dd/yyyy等

的datestring格式必須是由所述日期選擇器所使用的相同，並且它是由這部分代碼集：

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.1/themes/redmond/jquery-ui.min.css"); 
 

 
body { 
 
    font: medium sans-serif; 
 
}

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/jquery-ui.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/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>