javascript - json 响应日期格式为用户定义的日期格式

Question

以下代码将 $("#dob") 和 $("#anniversery") 日期返回为 2014-04-01T00:00:00

我的代码

<script>
    $(function() {
        function log(message) {
            $("<div>").text(message).prependTo("#log");
            $("#log").scrollTop(0);
        }
        $("#customerName").autocomplete({
            source: function(request, response) {
                $.ajax({
                    url: "ajaxCustomer",
                    dataType: "json",
                    data: {
                        str: $("#customerName").val(),
                        maxRows: 12
                    },
                    success: function(data) {
                        response($.map(data.customerList, function(item) {
                            console.log(item);
                            return {
                                label: item.customerName,
                                value: item.customerName,
                                id: item.customerId,
                                address: item.address,
                                dob: item.dob,
                                mobno: item.mobno,
                                annversery: item.anniversery
                            }
                        }));
                    },
                    error: function(data) {
                        alert(data.supplierList);
                        console.log(typeof data);
                        console.log(data);
                        alert('error');
                    }
                });
            },
            minLength: 1,
            select: function(event, ui) {
                $("#customerId").val(ui.item.id);
                $("#mobNo").val(ui.item.mobno);
                $("#address").val(ui.item.address);
                $("#dob").val(ui.item.dob);
                $("#anniversery").val(ui.item.annversery);
            },
            open: function() {
                $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            },
            close: function() {
                $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            }
        });
    });
</script>

我想要 $("#dob") 和 $("#anniversery") 其值采用 yyyy/mm/dd 格式如何做到这一点

我尝试了$("#dob").val(format_date(ui.item.dob));

function format_date(dt) {

    var dd = dt.getDate();
    var mm = dt.getMonth() + 1; //January is 0!
    var yyyy = dt.getFullYear();
    if (dd < 10) {
        dd = '0' + dd;
    }
    if (mm < 10) {
        mm = '0' + mm;
    }
    dt = mm + '/' + dd + '/' + yyyy;
    document.write(dt);
    document.write(year + '/' + month + '/' + day);
}

这不起作用。

Answer 1

您必须将从 ui.item.dob 获得的值转换为日期。

var datefield = new Date(ui.item.dob);
$("#dob").val(format_date(datefield));

然后在您的 format_date 函数中，删除底部多余的行并放入 return 语句:

function format_date(dt) {

    var dd = dt.getDate();
    var mm = dt.getMonth() + 1; //January is 0!
    var yyyy = dt.getFullYear();
    if (dd < 10) {
        dd = '0' + dd;
    }
    if (mm < 10) {
        mm = '0' + mm;
    }
    dt = mm + '/' + dd + '/' + yyyy;
    return dt;
}