我们的Firestore数据集包括显示日期和时间的数据，我已经使用了... orderBy（“Date”，“desc”）;我已经在表格中尝试过这个方法，它在表格中工作得很好，但在chartiderjs线图中不起作用。
到目前为止，我做了以下程序：

$(document).ready(function(){
        firebase.initializeApp(firebaseConfig);
        var db = firebase.firestore();
        var timeOptions = {hourCycle: 'h23', hour: '2-digit', minute:'2-digit'};
        var dateOptions = { day: 'numeric', month: 'numeric' };
    
    
        var docRef = db.collection('Users').doc('000').collection('Data').orderBy("Date", "desc").limit(100);
       docRef.get().then((querySnapshot) => {
          querySnapshot.forEach((doc)=>{
            var one = doc.data();
            var date = one.Date.toDate().toLocaleDateString('en-CA', dateOptions) + " " +  one.Date.toDate().toLocaleTimeString( [],  timeOptions);
            labelsDateArray.push(date);
});
var ctx = document.getElementById("myChart");
        var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: labelsDateArray,
            datasets: [{
                label: 'Kefa-Firestore-Dataset',
                fill: false,
                showLine: true,
                lineTension: 0.2,
                backgroundColor: "rgba (75, 192, 192,0.4)",
                borderColor: "rgba(139, 0, 0, 1)",
                borderCapStyle: 'butt',
                borderDash: [],
                borderDashOffset: 0.0,
                borderJoinStyle: 'miter',
                pointBorderColor: "rgba(139, 0, 0, 0.5)",
                pointBackgroundColor: "red",
                pointBorderWidth: 2,
                pointHoverRadius: 5,
                pointHoverBackgroundColor: "rgba(0, 0, 0, 1)",
                pointHoverBorderColor: "rgba(0, 0, 0, 1)",
                pointHoverBorderWidth: 5,
                pointRadius: 3,
                pointHitRadius: 10,
            }]
        },
    
        }); 
        
    }).catch((error) => {
        console.log("Error getting document:", error);
    }); 
});

输出是这样的：

那么，我如何才能在这种情况下正确地订购日期和时间，任何人都可以帮助？！
Firestore中的日期格式如下所示：