将日期格式更改为dd / MM / yyyy

Question

任何人都知道如何调整当前的JS代码并使之生效，以便[ItemDate]以dd / MM / yyyy格式而不是默认格式显示日期：MM / dd / yyyy HH：mm：ss

代码是从网站复制而来的，该网站将XML转换为可读的HMTL格式...麻烦只是date.format，我发现很难实现更改。

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>  

<script type="text/javascript">  

SPClientTemplates.TemplateManager.RegisterTemplateOverrides({  

  Templates: {  

           Fields: {  

                'ItemsOverview': {   

                    'View': repeatingSectionViewTemplate  

                 }  

           }  

  }  

});  

function repeatingSectionViewTemplate(ctx) {  

   var xml = ctx.CurrentItem["ItemsOverview"];  

   var decodedxml = xml.DecodeXMLNotation();   

   var htm = "";  

   xmlDoc = $.parseXML( decodedxml );  

   $xml = $( xmlDoc );  

   $xml.find("Item").each(function() {  

      htm = htm + "<tr><td width='50px'>" + $(this).find("ItemNumber").text() + "</td><td width='140px'>" + $(this).find("ItemDescription").text() + "</td><td width='70px'>" + $(this).find("ItemStatus").text() + "</td><td>" + $(this).find("ItemDate").text()

 +"</td><td>" + $(this).find("CollectedByUser").text() +"</td></tr>"; 

   });  

   return "<table border='1px' width='550px'  style='border-collapse:collapse;'><tr><th align='left' width='50px'>Item</th><th align='left' width='180px'>Description</th><th align='left' width='70px'>Status</th><th align='left' width='70px'>Date</th><th align='left' width='170px'>Collected By</th></tr>" + htm +"</table>";  

};  

//Replaces html notation to their equivalent xml escape characters.  

String.prototype.DecodeXMLNotation = function () {  

   var output = this;  

    if ($.trim(output) != "") {  

        output = output.replace(/&apos;/g, "'").replace(/&quot;/g, '"').replace(/&gt;/g, '>').replace(/&lt;/g, '<').replace(/&amp;/g, '&');  

    }  

    else {  

        output = "";  

    }  

    return output;  

};  

</script>

Answer 1

您必须创建一个为您重新格式化日期的函数。function formatDate(dateStr) {&nbsp; &nbsp; const d = new Date(dateStr);&nbsp; &nbsp; return d.getDate().toString().padStart(2, '0') + '/' + d.getMonth() + 1 + '/' + d.getFullYear() + ' ' + d.getHours() + ':' + d.getMinutes().toString().padStart(2, '0');}而不是$(this).find("ItemDate").text()你会用formatDate($(this).find("ItemDate").text())