废话不多说,直接上代码,欢迎各位大佬指点。
<el-form-item label="开始日期" prop="startTime" v-if="showDateFields">
<el-date-picker
v-model="ruleForm.startTime"
type="datetime"
placeholder="开始日期"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
@change="handleDateChange"
:picker-options="startPickerOptions"
>
</el-date-picker>
</el-form-item>
<el-form-item label="结束日期" prop="endTime" v-if="showDateFields">
<el-date-picker
v-model="ruleForm.endTime"
type="datetime"
placeholder="结束日期"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
@change="handleDateChange"
:picker-options="endPickerOptions"
>
</el-date-picker>
</el-form-item>
export default {
data() {
return {
// 表单数据
ruleForm: {
startTime: this.getNowTime(),
endTime: this.getNowTime(),
},
}
}
methods:{
getNowTime() {
var d = new Date();
var year = d.getFullYear(); //得到年
var month =
d.getMonth() + 1 < 10 ? "0" + (d.getMonth() + 1) : d.getMonth() + 1; //得到月
var day = d.getDate() < 10 ? "0" + d.getDate() : d.getDate(); //得到日
var hour = d.getHours() < 10 ? "0" + d.getHours() : d.getHours(); //得到时
var minute = d.getMinutes() < 10 ? "0" + d.getMinutes() : d.getMinutes(); //得到分
var second = d.getSeconds() < 10 ? "0" + d.getSeconds() : d.getSeconds(); //得到秒
return (
[year, month, day].join("-") + " " + [hour, minute, second].join(":")
); //格式为:YY-MM-DD hh:mm:ss(当前时间)
},
}
},