在 datePicker 中获取选定的值并对其进行格式化答案

【问题标题】：get selected value in datePicker and format it在 datePicker 中获取选定的值并对其进行格式化
【发布时间】：2012-04-22 08:36:42
【问题描述】：

在datePicker 中选中20.04.2012。我想得到这个值，格式化它并存储在一个变量中。我使用此代码：

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();

但结果是20.04.2012。另外，我尝试了这段代码：

var dateTypeVar = $('#scheduleDate').datepicker('getDate');
$.datepicker.formatDate('dd-MM-yy', dateTypeVar);

结果是Fri Apr 20 2012 00:00:00 GMT+0600。

我想得到以下信息：20, April, 2012
如何正确格式化？
谢谢。

【问题讨论】：

标签： jquery jquery-ui datepicker

【解决方案1】：

如果您想获取输入的格式化值，请执行以下操作：

$("input").datepicker({ dateFormat: 'dd, mm, yy' });

稍后在您的代码中设置日期时，您可以通过

dateVariable = $("input").val();

如果您只想使用 datepicker 获取格式化值，您可能需要使用该实用程序

dateString = $.datepicker.formatDate('dd, MM, yy', new Date("20 April 2012"));

我已经更新了jsfiddle 来进行实验

【讨论】：

谢谢。我不想在日期选择器中格式化值。我想从 datePicker 获取值并将其格式化并存储在变量中。
@dinchev，您好，就我而言，当我将 datepicker 值初始化为未定义的变量时，但是当我调用 alert 来显示 datepicker 值时，没有任何问题。例如，当我在日期选择器中选择 2016 时，$("input").val() 显示 2016，但是当我将其初始化为变量 year 并调用年份时，它是未定义的。

【解决方案2】：

var dateObject = $("#datePickerInput").datepicker('getDate');
$.datepicker.formatDate('dd MM, yy', dateObject);

【讨论】：

【解决方案3】：

使用jquery-dateFormat。它会解决你的问题。

您需要在 html 文件中包含 jquery.dateFormat。

<script>
var date = $('#scheduleDate').val();
document.write($.format.date(date, "dd,MM,yyyy"));

var dateTypeVar = $('#scheduleDate').datepicker('getDate');
document.write($.format.date(dateTypeVar, "dd-MM-yy"));
</script>

【讨论】：

谢谢。但是，我不想包含用于格式化日期的新插件。

【解决方案4】：

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

var dateFormat = $('#scheduleDate').datepicker('option', 'dd, MM, yy');

$('#scheduleDate').datepicker('option', 'dateFormat', 'dd, MM, yy');

var result = $('#scheduleDate').val();

alert('result: ' + result);

结果：2012 年 4 月 20 日

【讨论】：