jquery 日期选择器在 dd/mm/yy 中获取日期字符串答案

【问题标题】：jquery date picker get date string in dd/mm/yyjquery 日期选择器在 dd/mm/yy 中获取日期字符串
【发布时间】：2011-12-12 06:33:58
【问题描述】：

我有字符串

'2011 年 10 月 20 日星期四 00:00:00 GMT-0400（东部夏令时间）'

并希望从中获取 dd/mm/yyyy 格式的日期。如何使用 jquery 日期选择器库做到这一点？

【问题讨论】：

标签： jquery string date get

【解决方案1】：

用 dateFormat 设置你的日期选择器

$( ".selector" ).datepicker({ dateFormat: 'dd/mm/yyyy' });

然后在下面试试datepicker的onSelect函数

$('#datepicker').datepicker({           
        dateFormat: "dd/mm/yyyy",
        onSelect: function () {               
            $(this).val(); //this will return the date ex: 29/07/2019

        }
    });

【讨论】：

【解决方案2】：

您可以使用 javascript Date() 方法

var dateTime = new Date($("#yourSelector").datepicker("getDate"));

var strDateTime =  dateTime.getDate() + "/" + (dateTime.getMonth()+1) + "/" + dateTime.getFullYear();

console.log(strDateTime);

【讨论】：

我喜欢这个答案，因为即使您没有与日期选择器相关的输入（例如在 DIV 上设置），它也可以工作。
为什么是dateTime.getMonth()+1？
getMonth() 方法返回从 0 到 11 的月份

【解决方案3】：

如果你已经在 datepicker 初始化中设置了 dateFormat 参数，你只能使用

    $( ".selector" ).val();

因为，否则，使用：

    $( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();

导致 datepicker 的 onSelect 事件没有被触发（不知道为什么，刚刚观察到）。

【讨论】：

【解决方案4】：

这是之前在这里提出的一个欺骗性问题： jQuery UI DatePicker - Change Date Format

你可以这样做：

$( ".selector" ).datepicker({ dateFormat: 'yy-mm-dd' }).val();

请注意，JqueryUIDatePicker 也有 formatdate 和 parseDate 函数。

【讨论】：

【解决方案5】：

使用指定的 dateFormat 选项初始化日期选择器。

$( ".selector" ).datepicker({ dateFormat: 'dd/mm/yyyy' });

在初始化之后获取或设置 dateFormat 选项。

//getter
var dateFormat = $( ".selector" ).datepicker( "option", "dateFormat" );
//setter
$( ".selector" ).datepicker( "option", "dateFormat", 'dd/mm/yyyy' );

【讨论】：

【解决方案6】：

试试看http://docs.jquery.com/UI/Datepicker/formatDate

【讨论】：