element ui el-date-picker组件默认值方式
更新时间:2023年12月05日 08:44:24 作者:冷冷清清中的风风火火
这篇文章主要介绍了element ui el-date-picker组件默认值方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
element ui el-date-picker组件添加默认值
element ui el-date-picker 组件默认当年
<el-form-item label=""> <el-date-picker v-model="searchForm.year" dea type="year" value-format="yyyy" placeholder="请选择年度" :pickerOptions="pickerOptions"> </el-date-picker> </el-form-item>
searchForm: { year:new Date().getFullYear().toString(), },
element ui el-date-picker 组件默认当前月份
<el-date-picker v-model="searchForm.month" type="month" value-format="yyyy-MM" placeholder="请选择选择月份"> </el-date-picker>
created() { var nowDate = new Date(); var date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, day: nowDate.getDate(), }; const dayDate = date.year + "-" + (date.month >= 10 ? date.month : "0" + date.month); var date = new Date(); this.$set(this.searchForm, "month", dayDate.toString()); },
new Date() 用法
var d = new Date(); d .getFullYear(); //获取完整的年份(4位) d .getMonth(); //获取当前月份(0-11,0代表1月) d .getDate(); //获取当前日(1-31) d .getDay(); //获取当前星期X(0-6,0代表星期天) d .getTime(); //获取当前时间(从1970.1.1开始的毫秒数) d .getHours(); //获取当前小时数(0-23) d .getMinutes(); //获取当前分钟数(0-59) d .getSeconds(); //获取当前秒数(0-59) d .getMilliseconds(); //获取当前毫秒数(0-999) d .toLocaleDateString(); //获取当前日期 var mytime=d.toLocaleTimeString(); //获取当前时间 d.toLocaleString( ); //获取日期与时间
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
el-select如何获取当前选中的对象所有(item)数据
在开发业务场景中我们通常遇到一些奇怪的需求,下面这篇文章主要给大家介绍了关于el-select如何获取当前选中的对象所有(item)数据的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11vue+elementui实现动态添加行/可编辑的table
这篇文章主要为大家详细介绍了vue+elementui实现动态添加行/可编辑的table,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2022-07-07浅谈Vue中的this.$store.state.xx.xx
这篇文章主要介绍了Vue中的this.$store.state.xx.xx用法,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教2021-09-09
最新评论