diff --git a/__test__/__snapshots__/date-picker.test.js.snap b/__test__/__snapshots__/date-picker.test.js.snap
index bbfb117..32ecbf4 100644
--- a/__test__/__snapshots__/date-picker.test.js.snap
+++ b/__test__/__snapshots__/date-picker.test.js.snap
@@ -154,6 +154,7 @@ exports[`DatePicker prop: formatter 1`] = `
     >
       <td
         class="mx-week-number"
+        data-row-col="0,0"
       >
         
             29
@@ -162,7 +163,7 @@ exports[`DatePicker prop: formatter 1`] = `
        
       <td
         class="cell not-current-month"
-        data-date="1569686400000"
+        data-row-col="0,0"
         title="2019-09-29"
       >
         <div>
@@ -171,7 +172,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1569772800000"
+        data-row-col="0,1"
         title="2019-09-30"
       >
         <div>
@@ -180,7 +181,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1569859200000"
+        data-row-col="0,2"
         title="2019-10-01"
       >
         <div>
@@ -189,7 +190,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1569945600000"
+        data-row-col="0,3"
         title="2019-10-02"
       >
         <div>
@@ -198,7 +199,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570032000000"
+        data-row-col="0,4"
         title="2019-10-03"
       >
         <div>
@@ -207,7 +208,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570118400000"
+        data-row-col="0,5"
         title="2019-10-04"
       >
         <div>
@@ -216,7 +217,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570204800000"
+        data-row-col="0,6"
         title="2019-10-05"
       >
         <div>
@@ -229,6 +230,7 @@ exports[`DatePicker prop: formatter 1`] = `
     >
       <td
         class="mx-week-number"
+        data-row-col="1,0"
       >
         
             6
@@ -237,7 +239,7 @@ exports[`DatePicker prop: formatter 1`] = `
        
       <td
         class="cell"
-        data-date="1570291200000"
+        data-row-col="1,0"
         title="2019-10-06"
       >
         <div>
@@ -246,7 +248,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570377600000"
+        data-row-col="1,1"
         title="2019-10-07"
       >
         <div>
@@ -255,7 +257,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570464000000"
+        data-row-col="1,2"
         title="2019-10-08"
       >
         <div>
@@ -264,7 +266,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570550400000"
+        data-row-col="1,3"
         title="2019-10-09"
       >
         <div>
@@ -273,7 +275,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570636800000"
+        data-row-col="1,4"
         title="2019-10-10"
       >
         <div>
@@ -282,7 +284,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570723200000"
+        data-row-col="1,5"
         title="2019-10-11"
       >
         <div>
@@ -291,7 +293,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570809600000"
+        data-row-col="1,6"
         title="2019-10-12"
       >
         <div>
@@ -304,6 +306,7 @@ exports[`DatePicker prop: formatter 1`] = `
     >
       <td
         class="mx-week-number"
+        data-row-col="2,0"
       >
         
             13
@@ -312,7 +315,7 @@ exports[`DatePicker prop: formatter 1`] = `
        
       <td
         class="cell active"
-        data-date="1570896000000"
+        data-row-col="2,0"
         title="2019-10-13"
       >
         <div>
@@ -321,7 +324,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1570982400000"
+        data-row-col="2,1"
         title="2019-10-14"
       >
         <div>
@@ -330,7 +333,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571068800000"
+        data-row-col="2,2"
         title="2019-10-15"
       >
         <div>
@@ -339,7 +342,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571155200000"
+        data-row-col="2,3"
         title="2019-10-16"
       >
         <div>
@@ -348,7 +351,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571241600000"
+        data-row-col="2,4"
         title="2019-10-17"
       >
         <div>
@@ -357,7 +360,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571328000000"
+        data-row-col="2,5"
         title="2019-10-18"
       >
         <div>
@@ -366,7 +369,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571414400000"
+        data-row-col="2,6"
         title="2019-10-19"
       >
         <div>
@@ -379,6 +382,7 @@ exports[`DatePicker prop: formatter 1`] = `
     >
       <td
         class="mx-week-number"
+        data-row-col="3,0"
       >
         
             20
@@ -387,7 +391,7 @@ exports[`DatePicker prop: formatter 1`] = `
        
       <td
         class="cell"
-        data-date="1571500800000"
+        data-row-col="3,0"
         title="2019-10-20"
       >
         <div>
@@ -396,7 +400,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571587200000"
+        data-row-col="3,1"
         title="2019-10-21"
       >
         <div>
@@ -405,7 +409,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571673600000"
+        data-row-col="3,2"
         title="2019-10-22"
       >
         <div>
@@ -414,7 +418,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571760000000"
+        data-row-col="3,3"
         title="2019-10-23"
       >
         <div>
@@ -423,7 +427,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571846400000"
+        data-row-col="3,4"
         title="2019-10-24"
       >
         <div>
@@ -432,7 +436,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1571932800000"
+        data-row-col="3,5"
         title="2019-10-25"
       >
         <div>
@@ -441,7 +445,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1572019200000"
+        data-row-col="3,6"
         title="2019-10-26"
       >
         <div>
@@ -454,6 +458,7 @@ exports[`DatePicker prop: formatter 1`] = `
     >
       <td
         class="mx-week-number"
+        data-row-col="4,0"
       >
         
             27
@@ -462,7 +467,7 @@ exports[`DatePicker prop: formatter 1`] = `
        
       <td
         class="cell"
-        data-date="1572105600000"
+        data-row-col="4,0"
         title="2019-10-27"
       >
         <div>
@@ -471,7 +476,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1572192000000"
+        data-row-col="4,1"
         title="2019-10-28"
       >
         <div>
@@ -480,7 +485,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1572278400000"
+        data-row-col="4,2"
         title="2019-10-29"
       >
         <div>
@@ -489,7 +494,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1572364800000"
+        data-row-col="4,3"
         title="2019-10-30"
       >
         <div>
@@ -498,7 +503,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell"
-        data-date="1572451200000"
+        data-row-col="4,4"
         title="2019-10-31"
       >
         <div>
@@ -507,7 +512,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1572537600000"
+        data-row-col="4,5"
         title="2019-11-01"
       >
         <div>
@@ -516,7 +521,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1572624000000"
+        data-row-col="4,6"
         title="2019-11-02"
       >
         <div>
@@ -529,6 +534,7 @@ exports[`DatePicker prop: formatter 1`] = `
     >
       <td
         class="mx-week-number"
+        data-row-col="5,0"
       >
         
             3
@@ -537,7 +543,7 @@ exports[`DatePicker prop: formatter 1`] = `
        
       <td
         class="cell not-current-month"
-        data-date="1572710400000"
+        data-row-col="5,0"
         title="2019-11-03"
       >
         <div>
@@ -546,7 +552,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1572796800000"
+        data-row-col="5,1"
         title="2019-11-04"
       >
         <div>
@@ -555,7 +561,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1572883200000"
+        data-row-col="5,2"
         title="2019-11-05"
       >
         <div>
@@ -564,7 +570,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1572969600000"
+        data-row-col="5,3"
         title="2019-11-06"
       >
         <div>
@@ -573,7 +579,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1573056000000"
+        data-row-col="5,4"
         title="2019-11-07"
       >
         <div>
@@ -582,7 +588,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1573142400000"
+        data-row-col="5,5"
         title="2019-11-08"
       >
         <div>
@@ -591,7 +597,7 @@ exports[`DatePicker prop: formatter 1`] = `
       </td>
       <td
         class="cell not-current-month"
-        data-date="1573228800000"
+        data-row-col="5,6"
         title="2019-11-09"
       >
         <div>
diff --git a/__test__/__snapshots__/table-date.test.js.snap b/__test__/__snapshots__/table-date.test.js.snap
index 8b6ac18..53cb0fe 100644
--- a/__test__/__snapshots__/table-date.test.js.snap
+++ b/__test__/__snapshots__/table-date.test.js.snap
@@ -107,7 +107,7 @@ exports[`TableDate corrent render 1`] = `
            
           <td
             class="cell"
-            data-date="1569686400000"
+            data-row-col="0,0"
             title="29/09/2019"
           >
             <div>
@@ -116,7 +116,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1569772800000"
+            data-row-col="0,1"
             title="30/09/2019"
           >
             <div>
@@ -125,7 +125,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1569859200000"
+            data-row-col="0,2"
             title="01/10/2019"
           >
             <div>
@@ -134,7 +134,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1569945600000"
+            data-row-col="0,3"
             title="02/10/2019"
           >
             <div>
@@ -143,7 +143,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570032000000"
+            data-row-col="0,4"
             title="03/10/2019"
           >
             <div>
@@ -152,7 +152,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570118400000"
+            data-row-col="0,5"
             title="04/10/2019"
           >
             <div>
@@ -161,7 +161,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570204800000"
+            data-row-col="0,6"
             title="05/10/2019"
           >
             <div>
@@ -176,7 +176,7 @@ exports[`TableDate corrent render 1`] = `
            
           <td
             class="cell"
-            data-date="1570291200000"
+            data-row-col="1,0"
             title="06/10/2019"
           >
             <div>
@@ -185,7 +185,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570377600000"
+            data-row-col="1,1"
             title="07/10/2019"
           >
             <div>
@@ -194,7 +194,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570464000000"
+            data-row-col="1,2"
             title="08/10/2019"
           >
             <div>
@@ -203,7 +203,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570550400000"
+            data-row-col="1,3"
             title="09/10/2019"
           >
             <div>
@@ -212,7 +212,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570636800000"
+            data-row-col="1,4"
             title="10/10/2019"
           >
             <div>
@@ -221,7 +221,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570723200000"
+            data-row-col="1,5"
             title="11/10/2019"
           >
             <div>
@@ -230,7 +230,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570809600000"
+            data-row-col="1,6"
             title="12/10/2019"
           >
             <div>
@@ -245,7 +245,7 @@ exports[`TableDate corrent render 1`] = `
            
           <td
             class="cell"
-            data-date="1570896000000"
+            data-row-col="2,0"
             title="13/10/2019"
           >
             <div>
@@ -254,7 +254,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1570982400000"
+            data-row-col="2,1"
             title="14/10/2019"
           >
             <div>
@@ -263,7 +263,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571068800000"
+            data-row-col="2,2"
             title="15/10/2019"
           >
             <div>
@@ -272,7 +272,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571155200000"
+            data-row-col="2,3"
             title="16/10/2019"
           >
             <div>
@@ -281,7 +281,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571241600000"
+            data-row-col="2,4"
             title="17/10/2019"
           >
             <div>
@@ -290,7 +290,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571328000000"
+            data-row-col="2,5"
             title="18/10/2019"
           >
             <div>
@@ -299,7 +299,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571414400000"
+            data-row-col="2,6"
             title="19/10/2019"
           >
             <div>
@@ -314,7 +314,7 @@ exports[`TableDate corrent render 1`] = `
            
           <td
             class="cell"
-            data-date="1571500800000"
+            data-row-col="3,0"
             title="20/10/2019"
           >
             <div>
@@ -323,7 +323,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571587200000"
+            data-row-col="3,1"
             title="21/10/2019"
           >
             <div>
@@ -332,7 +332,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571673600000"
+            data-row-col="3,2"
             title="22/10/2019"
           >
             <div>
@@ -341,7 +341,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571760000000"
+            data-row-col="3,3"
             title="23/10/2019"
           >
             <div>
@@ -350,7 +350,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571846400000"
+            data-row-col="3,4"
             title="24/10/2019"
           >
             <div>
@@ -359,7 +359,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1571932800000"
+            data-row-col="3,5"
             title="25/10/2019"
           >
             <div>
@@ -368,7 +368,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572019200000"
+            data-row-col="3,6"
             title="26/10/2019"
           >
             <div>
@@ -383,7 +383,7 @@ exports[`TableDate corrent render 1`] = `
            
           <td
             class="cell"
-            data-date="1572105600000"
+            data-row-col="4,0"
             title="27/10/2019"
           >
             <div>
@@ -392,7 +392,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572192000000"
+            data-row-col="4,1"
             title="28/10/2019"
           >
             <div>
@@ -401,7 +401,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572278400000"
+            data-row-col="4,2"
             title="29/10/2019"
           >
             <div>
@@ -410,7 +410,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572364800000"
+            data-row-col="4,3"
             title="30/10/2019"
           >
             <div>
@@ -419,7 +419,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572451200000"
+            data-row-col="4,4"
             title="31/10/2019"
           >
             <div>
@@ -428,7 +428,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572537600000"
+            data-row-col="4,5"
             title="01/11/2019"
           >
             <div>
@@ -437,7 +437,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572624000000"
+            data-row-col="4,6"
             title="02/11/2019"
           >
             <div>
@@ -452,7 +452,7 @@ exports[`TableDate corrent render 1`] = `
            
           <td
             class="cell"
-            data-date="1572710400000"
+            data-row-col="5,0"
             title="03/11/2019"
           >
             <div>
@@ -461,7 +461,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572796800000"
+            data-row-col="5,1"
             title="04/11/2019"
           >
             <div>
@@ -470,7 +470,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572883200000"
+            data-row-col="5,2"
             title="05/11/2019"
           >
             <div>
@@ -479,7 +479,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1572969600000"
+            data-row-col="5,3"
             title="06/11/2019"
           >
             <div>
@@ -488,7 +488,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1573056000000"
+            data-row-col="5,4"
             title="07/11/2019"
           >
             <div>
@@ -497,7 +497,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1573142400000"
+            data-row-col="5,5"
             title="08/11/2019"
           >
             <div>
@@ -506,7 +506,7 @@ exports[`TableDate corrent render 1`] = `
           </td>
           <td
             class="cell"
-            data-date="1573228800000"
+            data-row-col="5,6"
             title="09/11/2019"
           >
             <div>
diff --git a/src/calendar/table-date.vue b/src/calendar/table-date.vue
index fe0ad52..039e8e2 100644
--- a/src/calendar/table-date.vue
+++ b/src/calendar/table-date.vue
@@ -33,13 +33,17 @@
             :key="i"
             :class="[`${prefixClass}-date-row`, getRowClasses(row)]"
           >
-            <td v-if="showWeekNumber" :class="`${prefixClass}-week-number`">
+            <td
+              v-if="showWeekNumber"
+              :data-row-col="`${i},0`"
+              :class="`${prefixClass}-week-number`"
+            >
               {{ getWeekNumber(row[0]) }}
             </td>
             <td
               v-for="(cell, j) in row"
               :key="j"
-              :data-date="cell.getTime()"
+              :data-row-col="`${i},${j}`"
               class="cell"
               :class="getCellClasses(cell)"
               :title="getCellTitle(cell)"
@@ -154,9 +158,11 @@ export default {
       if (target.tagName.toUpperCase() === 'DIV') {
         target = target.parentNode;
       }
-      const date = target.getAttribute('data-date');
-      if (date) {
-        this.$emit('select', new Date(parseInt(date, 10)));
+      const index = target.getAttribute('data-row-col');
+      if (index) {
+        const [row, col] = index.split(',').map(v => parseInt(v, 10));
+        const date = this.dates[row][col];
+        this.$emit('select', new Date(date));
       }
     },
     formatDate(date, fmt) {