javascript - 如何在 JQuery UI Datepicker 中使用不同的日期格式(用于在 html 上显示和存储在数据库中)？

Question

我想在我的网页上显示以下日期格式:
dd MM, yy(像这样 2015 年 9 月 23 日)

因此我加入了以下 JavaScript

$('#datepicker').datepicker({ dateFormat: 'd MM, yy' });

但是 MySQL 数据库接受以下日期格式来执行查询:
yy-mm-dd(像这样2015-09-23)

在下面的代码中，我试图将 MySQL 所需的格式存储在一个变量中，以通过 ajax 调用将其传递给 PHP

var history_date = $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' }).val();

但是变量history_date返回的是网页显示格式，如2015年9月23日(不适用于MySQL查询)。

请给我一些解决方案来访问显示和数据库的两种不同日期格式。

Answer 1

您通常会使用 alternate field .因此，您可以为前端选择一种格式来显示，但可以通过 ajax 发送另一个值，这适合您的需要。

$( "#datepicker" ).datepicker({
  dateFormat: 'd MM, yy',
  altField: "#alternate",
  altFormat: "dd-mm-yy"
});

然后您可以从 #alternate dom 对象中获取日期。这可以是一个隐藏的输入字段。

<input type="hidden" id="alternate">

获取 ajax 调用的值按预期工作。

var history_date = $('#alternate').val();