Mint-UI时间组件起始时间可随意更改,n天后或者n月后

    xiaoxiao2022-12-05  42

    Mint-UI时间组件起始时间控制可计算结束日期为今天之后的n天或者n月,这是用于vue组件中

    1.vue中写入

    <mt-datetime-picker class="db" type="date" v-model="defaultTime" :startDate="startDate" :endDate="endDate"> </mt-datetime-picker>

    2.在methods写入调整天或者调整月的方法

    GetDay(day) { var time = new Date(); time.setDate(time.getDate() + day);//获取Day天后的日期 var y = time.getFullYear(); var m = time.getMonth() + 1;//获取当前月份的日期 var d = time.getDate(); let date=y + "-" + m + "-" + d return new Date(date); }, Month(month) { var time = new Date(); time.setDate(time.getDate());//获取Day天后的日期 var y = time.getFullYear(); var m; if (time.getMonth() + month + 1>12){ y = y+1; m = time.getMonth() + month - 11;//获取当前月份的日期 d }else{ m = time.getMonth() + month + 1;//获取当前月份的日期 d } var d = time.getDate(); let date=y + "-" + m + "-" + d return new Date(date); },

    3:在date中定义startDate和endDate

    data(){ return { startDate: new Date(), endDate:new Date(), } },
    最新回复(0)