vue部分代码:
<el-date-picker :editable="false" :clearable="false" v-model="deviceFormData.time" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions" format="yyyy-MM-dd" value-format="yyyy-MM-dd"> </el-date-picker>
js部分代码:
data(){
return {
deviceFormData:{
time:[]
},
//不能选择当前日期之后的时间
pickerOptions: {
disabledDate(time) {
return time.getTime() > Date.now();
}
},
}
}
created() {
if (process.client) {
const that = this;
that.getTimeFn();
}
},
//设置默认时间
getTimeFn() {
const that = this;
const end = new Date();
const start = new Date();
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
that.deviceFormData.time[0] = that.formatDate(start);
that.deviceFormData.time[1] = that.formatDate(end);
},
//时间格式化
formatDate(date) {
var myyear = date.getFullYear();
var mymonth = date.getMonth() + 1;
var myweekday = date.getDate();
if (mymonth < 10) {
mymonth = "0" + mymonth;
}
if (myweekday < 10) {
myweekday = "0" + myweekday;
}
return myyear + "-" + mymonth + "-" + myweekday;
},
上面是“element-ui时间选择器el-date-picker默认当前时间至7天之前时间”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_30937.html
workflows工作流
一桌精致的美食,桌上几杯白葡萄酒
一幅骨架坐在公园的长椅上
彩色雄鹰玉雕ComfyUI工作流
乡村枯树黄花comfyui工作流
丛林里坐着一尊佛像
《翅膀之王:鸡的团契》海报ComfyUI工作流
一棵树从鸟笼里长出来的梦幻般场景
潜水员,珊瑚,鲸鱼,潜水艇comfyui工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

一个包含老黄历、佛历、道历、星宿等数据的日历网站
css3实现星球旋转
Bootstrap可视化拖放布局
纯css制作卡通头像(随鼠标转头)
SVG路径动画效果
纯CSS饼图效果
iframe开发admin后台
html5如何3D立方体旋转特效













