mirrors/vue2-datepicker
2
0
Fork 0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-24 01:30:35 +03:00
Code Activity

refactor: data-row-col replace data-date to fix test

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