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

时间:2012-04-22 08:36:42

标签: jquery jquery-ui datepicker

在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
如何正确格式化?
感谢。

4 个答案:

答案 0 :(得分:19)

如果要采用输入的格式化值,请执行以下操作:

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

稍后在代码中设置日期后,您可以通过

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

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

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

我已更新jsfiddle以尝试使用此

答案 1 :(得分:4)

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

答案 2 :(得分:0)

使用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>

答案 3 :(得分:0)

$('#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日