
Element-plus el-date-picker 设置默认日期时间
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element

·
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>
获取日期时间的文章:




A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:6 个月前 )
c345bb45
10 个月前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 10 个月前
更多推荐
所有评论(0)