1,只有日期的
这个简单一些
<el-date-picker
arrow-control
value-format="yyyy-MM-dd"
size="mini"
v-model="CreateTime"
>
</el-date-picker>
export default {
data: function() {
return {
CreateTime: "", // 建立日期 创建空,然后去从后端取的数据
}
},
2,又开始日期和结束日期的
默认带出指定的日期:start-placeholder=“startPlaceholder”
:end-placeholder=“endPlaceholder”
<span>时间</span>
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
:start-placeholder="startPlaceholder"
:end-placeholder="endPlaceholder"
value-format="yyyy-MM-dd"
@blur="value1blur"
>
export default {
data: function() {
return {
startPlaceholder: "",
endPlaceholder: "",
value1: [], // 时间数组
}
},
created() {
this.startPlaceholder = NearMonth3(); //NearMonth3()是在js里封装好的时间,会发布time.js的文章
this.endPlaceholder = resDate; //resDate在下面的3里面有
this.value1[0] = NearMonth3(); //NearMonth3()封装好的时间
this.value1[1] = resDate; //resDate在下面的3里面有
}
3,有日期和时间的
:picker-options="pickerBeginDateBefore"控制禁用当前日期后的不给选择
默认在created带出当前的年月日时分秒
<el-date-picker style="width:220px;"
v-model="createdTime"
type="datetime"
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="请选择时间" :picker-options="pickerBeginDateBefore"
></el-date-picker>
export default {
data: function() {
return {
pickerBeginDateBefore: {
disabledDate(time) {
return time.getTime() > Date.now();
}
},
createdTime: '',
}
},
created() {
let nowdata = new Date();
//这种建议,获取年月,月份,日期,单独写函数给补零 获取格式:2021-06-03
let resDate =
nowdata.getFullYear() +
"-" +
this.pop(nowdata.getMonth() + 1) +
"-" +
this.pop(nowdata.getDate()) +
' ' + this.pop(nowdata.getHours()) +
':' + this.pop(nowdata.getMinutes()) +
':' + this.pop(nowdata.getSeconds())
console.log(247,resDate)
this.createdTime = resDate;
//console.log('record',this.VisitNumber)
})
},
methods: {
//单独的补零函数
pop: function (s) {
return s < 10 ? "0" + s : s;
},
}