Fix bug of table sort (#145)

src/webui/src/components/Sessionpro.tsx

@@ -98,10 +98,10 @@ class Sessionpro extends React.Component<{}, SessionState> {
                     let sessionData = res.data;
                     let tunerAsstemp = [];
                     let trialPro = [];
-                    const startExper = new Date(sessionData.startTime).toLocaleString();
+                    const startExper = new Date(sessionData.startTime).toLocaleString('en-US');
                     let experEndStr: string;
                     if (sessionData.endTime !== undefined) {
-                        experEndStr = new Date(sessionData.endTime).toLocaleString();
+                        experEndStr = new Date(sessionData.endTime).toLocaleString('en-US');
                     } else {
                         experEndStr = 'not over';
                     }
@@ -156,8 +156,8 @@ class Sessionpro extends React.Component<{}, SessionState> {
                             const desJobDetail: Parameters = {
                                 parameters: {}
                             };
-                            const startTime = new Date(tableData[item].startTime).toLocaleString();
-                            const endTime = new Date(tableData[item].endTime).toLocaleString();
+                            const startTime = new Date(tableData[item].startTime).toLocaleString('en-US');
+                            const endTime = new Date(tableData[item].endTime).toLocaleString('en-US');
                             const duration = (tableData[item].endTime - tableData[item].startTime) / 1000;
                             let acc;
                             if (tableData[item].finalMetricData) {

src/webui/src/components/TrialStatus.tsx

@@ -230,10 +230,10 @@ class TrialStatus extends React.Component<{}, TabState> {
                             ? trialJobs[item].status
                             : '';
                         const startTime = trialJobs[item].startTime !== undefined
-                            ? new Date(trialJobs[item].startTime).toLocaleString()
+                            ? new Date(trialJobs[item].startTime).toLocaleString('en-US')
                             : '';
                         const endTime = trialJobs[item].endTime !== undefined
-                            ? new Date(trialJobs[item].endTime).toLocaleString()
+                            ? new Date(trialJobs[item].endTime).toLocaleString('en-US')
                             : '';
                         if (trialJobs[item].hyperParameters !== undefined) {
                             desc.parameters = JSON.parse(trialJobs[item].hyperParameters).parameters;
@@ -394,7 +394,7 @@ class TrialStatus extends React.Component<{}, TabState> {
             dataIndex: 'start',
             key: 'start',
             width: '15%',
-            sorter: (a: TableObj, b: TableObj): number => a.start.localeCompare(b.start)
+            sorter: (a: TableObj, b: TableObj): number => (Date.parse(a.start) - Date.parse(b.start))
         }, {
             title: 'End',
             dataIndex: 'end',