转换 JQuery Datepicker 的日期格式答案

【问题标题】：Converting Date Format Of JQuery Datepicker转换 JQuery Datepicker 的日期格式
【发布时间】：2014-07-23 19:04:49
【问题描述】：

我有一个指向 HTML 表单文本框的 JQuery 日期选择器链接。它以 mm/dd/yyyy 格式输入日期。我需要的是将此格式转换为 dd-mm-yyyy。

我可以在日期刚刚插入或插入之后进行吗？如果一个或两个都可以，我该怎么做？

我已经尝试过 belo 代码。但它没有用。

//Date Picker
$(function() {
    $("#to_date").datepicker({  maxDate: new Date() },);
    $("#from_date").datepicker({  maxDate: new Date() });
    $("div.ui-datepicker").css( { "font-size": "10px" } );
    $("#to_date").datepicker({ dateformat: "dd-mm-yyyy" }).val();
    $("#from_date".datepicker({ dateformat: "dd-mm-yyyy" }).val();
});

上面还包含将最后一天显示为今天的语句。

那么我的代码是怎么回事？

感谢和问候，奇兰塔卡

【问题讨论】：

该格式不会以您想要的方式转换您的日期，而只会设置要在该控件上使用的格式。
您需要将从控件中获得的值转换为所需的日期格式
您是否希望在您在日期选择器中选择日期后更改格式一次..
是的，这就是我想要的！那我该怎么做呢？

标签： javascript html user-interface

【解决方案1】：

Fiddle

$(function() {
$( "#datepicker" ).datepicker();
$( "#format" ).change(function() {
    $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
});
});

看小提琴..我认为这会对你有所帮助

【讨论】：

【解决方案2】：

您使用格式的方式，它不会转换您的日期，而只会设置要在该控件上使用的格式。

因此，您必须使用/ 设置格式，因为您希望在mm/dd/yyyy 中使用它

而且，使用 javascript 您必须将其转换为 dd-mm-yyyy

所以，

$(function() {
    $("#to_date").datepicker({ dateformat: "mm/dd/yyyy" });

});

现在访问它时，您可以将其转换为以下代码：

var dt=$("#to_date").val();
var arr=dt.split("/");
var converted= arr[1]+"-"+arr[0]+"-"+arr[2];
console.log(converted);

【讨论】：

感谢朋友的帮助。

【解决方案3】：

dateformat 可能区分大小写，应该是 dateFormat http://api.jqueryui.com/datepicker/#option-dateFormat

$(function() {
    $("#to_date, #from_date").datepicker({  
        maxDate: new Date(),
        dateFormat: "dd-mm-yyyy"
    });
    $("div.ui-datepicker").css( { "font-size": "10px" } );
});

【讨论】：

感谢朋友的帮助。

【解决方案4】：

请使用以下代码。 Jquery 选项区分大小写。所以使用 dateFormat 而不是 dateformat。格式应为 dd-mm-yy 而不是 dd-mm-yyyy

$(function() {
     $("#from_date, #to_date").datepicker({  maxDate: new Date(), dateFormat: "dd-mm-yy" });
     $("div.ui-datepicker").css( { "font-size": "10px" } );
});

【讨论】：

感谢朋友的帮助。