2
0
mirror of https://github.com/tenrok/vue2-datepicker.git synced 2026-06-08 04:52:27 +03:00

docs: update demo

This commit is contained in:
mengxiong10
2020-05-31 11:36:44 +08:00
parent 051ad89c24
commit b407323d30
+6 -13
View File
@@ -1,12 +1,8 @@
<template>
<div class="box">
<section>
<p>date not before today</p>
<date-picker v-model="value1" :disabled-date="notBeforeToday"></date-picker>
</section>
<section>
<p>date not after today</p>
<date-picker v-model="value2" :disabled-date="notAfterToday"></date-picker>
<p>Not before today && Not after a week</p>
<date-picker v-model="value1" :disabled-date="notBeforeAndAfter"></date-picker>
</section>
<section>
<p>time not before 09:00</p>
@@ -40,18 +36,15 @@ export default {
data() {
return {
value1: new Date(),
value2: new Date(),
value3: '',
value4: '',
value5: '',
};
},
methods: {
notBeforeToday(date) {
return date < today;
},
notAfterToday(date) {
return date > today;
notBeforeAndAfter(date) {
return (
date.getTime() < today.getTime() || date.getTime() > today.getTime() + 7 * 24 * 3600 * 1000
);
},
notBeforeNine(date) {
return date.getHours() < 9;