在 jQuery UI 日期选择器上设置 dateFormat，在非空字段上

Question

我需要我的日期格式 dd/mm/yyyy 因此需要使用以下代码：

$(".date-pick").datepicker( "option", "dateFormat", "dd/mm/yy");

但是，当只使用这一行时，我没有得到日期选择器弹出日历。

如果我使用这个，我会得到弹出窗口，但我会丢失字段值中的预设日期

$(".date-pick").datepicker();
$(".date-pick").datepicker( "option", "dateFormat", "dd/mm/yy");

看这里 - https://jsfiddle.net/kneidels/hkbgzvmt/

我可以使用什么代码来 (1) dd/mm/yyyy 格式，以及 (2) 显示预设日期值？

谢谢。

Answer 1

预期的方法是定义 defaultDate and dateFormat when instantiating the datepicker: https://jsfiddle.net/tg7yv149/1/

$(function() {
  $(".date-pick").datepicker({
    defaultDate: $(this).val(),
    dateFormat: "dd/mm/yy"
  });
});

另一种可行的方法是将值存储在变量中，实例化日期选择器，然后再次应用该值：https://jsfiddle.net/Lyneb7j9/

$(function() {
    var myval = $(".date-pick").val();
  
    $(".date-pick").datepicker();
    $(".date-pick").datepicker( "option", "dateFormat", "dd/mm/yy");
    $(".date-pick").val(myval);
});