jQuery UI Datepicker - 前端动态日期格式但后端静态日期格式？

Question

许多客户要求我们让我们的日期选择器反射(reflect)他们选择在我们的应用中使用的日期格式。不幸的是，我们经常使用日期选择器，因此检查每个日期选择器并确保日期仍然正确解析是最后的手段。

现在，我已将他们选择的日期格式转换为日期选择器相应的日期格式，并将默认的 dateFormat 设置为该格式。

<?php
// set default datepicker date format depending on their date format
$phpToJsDateFormats = array(
    'j M Y' => 'd M yy',
    'Y-m-d' => 'yy-mm-dd',
    'm-d-Y' => 'mm-dd-yy',
    'd-m-Y' => 'dd-mm-yy',
    'n/j/Y' => 'm/d/yy',
    'j/n/Y' => 'd/m/yy',
    'F jS, Y' => 'MM d, yy',
);
$jqueryDateFmt = $phpToJsDateFormats[ $settings['Config']['format_date'] ];
?>
<script type="text/javascript">
$.datepicker.setDefaults({
    dateFormat: "<?php echo $jqueryDateFmt ?>"
});
</script>

为了使这个问题变得简单，我想知道是否有一种方法可以掩盖日期选择器的实际值，以便我们向用户显示的值采用其日期格式，但日期选择器实际提交的值是默认值我们已经使用的格式。我正在考虑类似于全局表单 onsubmit 的方法，以及通过 AJAX 提交的表单的类似方法，但我不知道。也许 jQuery 在他们的日期选择器中内置了一些我不知道的很酷的东西。

任何想法将不胜感激。谢谢!

Answer 1

使用altFormat

$( ".selector" ).datepicker({ altFormat: "yy-mm-dd" });

This allows one date format to be shown to the user for selection purposes, while a different format is actually sent behind the scenes.