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

Question

我有字符串

“Thu Oct 20 2011 00:00:00 GMT-0400（东部夏令时间）”，

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

Answer 1

这是之前在这里提出的一个愚蠢的问题：
jQuery UI DatePicker - 更改日期格式

您可以执行此操作：

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

但请注意， JqueryUIDatePicker 有一个 formatdate 和 parseDate 函数也是如此。

Answer 2

您可以使用 javascript Date() 方法

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

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

console.log(strDateTime);

Answer 3

如果您已经在 datepicker 启动中设置了 dateFormat 参数，则只能使用

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

because，否则，使用 :

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

会导致datepicker的onSelect事件不被触发（不知道为什么，只是观察到）。

Answer 4

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

Answer 5

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

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

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

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

Answer 6

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

        }
    });