mirrors/vue2-datepicker
2
0
Fork 0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-14 02:02:26 +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
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>
__test__/__snapshots__/table-date.test.js.snap
+42 -42
View File
@@ -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>
src/calendar/table-date.vue
+11 -5
View File
@@ -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) {