使用AJAX将日期时间转换为字符串

如何解决使用AJAX将日期时间转换为字符串

伙计们，我想寻求您的帮助，我这里有一个使用AJAX的Get方法，我成功地从数据库中获取了日期，这是输出2020-08-13T00：00：00，但是我想将日期格式转换为此2020-08-13如何转换日期时间？下面是我的代码

/ 获取 / $（document）.ready（function（）{

$.ajax({
    url: 'URL',dataType: 'json',success: function (data) {           
        console.log(data);
        console.log(data.length);
        var badgeType = '';
        var overdueCount = 0;
        var inprogressCount = 0;
        var newCount = 0;
        var notstartedCount = 0;
        var completedCount = 0;
        for (var i = 0; i < data.length; i++) {
            switch (data[i].Progress) {
                case 'Overdue':
                    badgeType = 'badge-danger';
                    overdueCount += 1;                        
                    break;
                case 'In Progress':
                    badgeType = 'badge-success';
                    inprogressCount += 1;
                    break;
                case 'New':
                    badgeType = 'badge-warning';
                    newCount += 1;
                    break;
                case 'Not Started':
                    badgeType = 'badge-info';
                    notstartedCount += 1;
                    break;
                case 'Completed':
                    badgeType = 'badge-secondary';
                    completedCount += 1;
                    break;
            }
            var row = $(
                '<tr class="table-row" data-toggle="modal" data-target="#editTask" onclick="editModal(this)">' +
                '<td style="display:none;">' + data[i].TaskId + '</td>' +
                '<td>' + data[i].Priority + '</td>' +
                '<td>' + data[i].TaskName + '</td>' +
                '<td><h6 class="h6 mb-2"><span class="badge badge-sm ' + badgeType + '">' + data[i].Progress + '</span></h6></td>' +
                '<td style="display:none;">' + data[i].StartDate + '</td>' +
                '<td>' + data[i].EndDate + '</td>' +
                '<td style="display:none;">' + data[i].Comments + '</td>' +
                '</tr>'
            );                
            $('#tbodyId').append(row);                
        }
        $('#overdueCount').append('<h1>' + overdueCount + '</h1>');
        $('#inprogressCount').append('<h1>' + inprogressCount + '</h1>');
        $('#newCount').append('<h1>' + newCount + '</h1>');
        $('#notstartedCount').append('<h1>' + notstartedCount + '</h1>');
        $('#completedCount').append('<h1>' + completedCount + '</h1>');

        
    },error: function (jqXHR,textStatus,errorThrown) {
        alert('Error: ' + textStatus + ' - ' + errorThrown);
    }
});

}）

感谢您的帮助

解决方法

这是您可以使用的方法

var dateVal = data [i] .StartDate; var dateString = dateVal.substr（0,9）;

您将从字符串中获取前10个字符，即日期值。

,

您可以使用此功能

const dateFormat = (dateFromDB) => {
   var dateValue = new Date(dateFromDB);
   return dateValue.getFullYear()+'-'+('00'+(dateValue.getMonth()+1)).slice(-2)+'-'+dateValue.getDate()
}

应该是这样

$.ajax({
    url: 'URL',dataType: 'json',success: function (data) {           
        console.log(data);
        console.log(data.length);
        var badgeType = '';
        var overdueCount = 0;
        var inprogressCount = 0;
        var newCount = 0;
        var notstartedCount = 0;
        var completedCount = 0;
        for (var i = 0; i < data.length; i++) {
            switch (data[i].Progress) {
                case 'Overdue':
                    badgeType = 'badge-danger';
                    overdueCount += 1;                        
                    break;
                case 'In Progress':
                    badgeType = 'badge-success';
                    inprogressCount += 1;
                    break;
                case 'New':
                    badgeType = 'badge-warning';
                    newCount += 1;
                    break;
                case 'Not Started':
                    badgeType = 'badge-info';
                    notstartedCount += 1;
                    break;
                case 'Completed':
                    badgeType = 'badge-secondary';
                    completedCount += 1;
                    break;
            }
            var row = $(
                '<tr class="table-row" data-toggle="modal" data-target="#editTask" onclick="editModal(this)">' +
                '<td style="display:none;">' + data[i].TaskId + '</td>' +
                '<td>' + data[i].Priority + '</td>' +
                '<td>' + data[i].TaskName + '</td>' +
                '<td><h6 class="h6 mb-2"><span class="badge badge-sm ' + badgeType + '">' + data[i].Progress + '</span></h6></td>' +
                '<td style="display:none;">' + dateFormat(data[i].StartDate) + '</td>' +
                '<td>' + dateFormat(data[i].EndDate) + '</td>' +
                '<td style="display:none;">' + data[i].Comments + '</td>' +
                '</tr>'
            );                
            $('#tbodyId').append(row);                
        }
        $('#overdueCount').append('<h1>' + overdueCount + '</h1>');
        $('#inprogressCount').append('<h1>' + inprogressCount + '</h1>');
        $('#newCount').append('<h1>' + newCount + '</h1>');
        $('#notstartedCount').append('<h1>' + notstartedCount + '</h1>');
        $('#completedCount').append('<h1>' + completedCount + '</h1>');

        
    },error: function (jqXHR,textStatus,errorThrown) {
        alert('Error: ' + textStatus + ' - ' + errorThrown);
    }
});