1. 示例:
2. html:
<el-date-picker
popper-class="date-style"
type="datetime"
placeholder="请选择开始时间"
format="YYYY-MM-DD HH:mm:ss"
value-format="YYYY-MM-DD HH:mm:ss"
v-model="formInline.StartTime"
:editable="false"
></el-date-picker>
<script>
...
data() {
return {
formInline: {
StartTime: "",
EndTime: "",
},}}
</script>
引入获取时间的公共方法,在mounted里面调用且赋值,如下:
获取日期时间的格式:“2024-05-05 00:00:00”,如果“2024-5-6 00:00:00”则在输入框不显示。
<script>
import { PublicFunction } from "@/utils/vuePublic.js";
export default {
...
mounted() {
this.getDate();
},
methods: {
getDate() {
//#region 初始化查询的开始日期和结束日期
let arrdata = PublicFunction.getSomeDay(15); //获取方法返回值
this.formInline.StartTime = arrdata[0]; //赋值
this.formInline.EndTime = arrdata[14];
//#endregion
},
}
}
</script>
获取日期时间的文章: