Element ui 设置默认时间显示

element ui 选择时间组件：需求：实现默认时间定位于当前时间延后7天的日期；且当前时间之前的日期不能选；

html部分:

            <el-date-pickerv-model="shopForm.end_time"type="datetime"size="medium"style="width:100%"placeholder="选择日期时间":picker-options="expireTimeOption"value-format="timestamp"default-time="00:00:00"/>

js 部分代码实现:

 data() {return {shopForm: {end_time: ''},expireTimeOption: {disabledDate(date) {return date.getTime() <= Date.now() - 8.64e7 // new Date()}}}},created() {this.setTime() // 设置默认时间},methods: {// 默认时间设置 7天后setTime() {const nowD = new Date()nowD.setTime(nowD.getTime() + 7 * 3600 * 1000 * 24)this.shopForm.end_time = nowD},/*** 选择时间*/changeendTime() {if (this.shopForm.end_time > (Date.now())) {this.shopForm.end_time = this.shopForm.end_time} else {this.shopForm.end_time = ''this.$message.error('请选择大于当前日期')}},}

Element ui 设置默认时间显示相关推荐

使用jquery easyui datetimebox 设置默认时间
项目中用到了jquery easyui datetimebox 设置默认时间,需要将数据库一个对象的"创建时间"字段,在JSP中设置为默认时间显示. 通过查找jquery esa ...
DateTimePicker 日期时间选择器设置默认时间
DateTimePicker 日期时间选择器设置默认时间 default-value属性接受一个数组,第一项为开始时间,第二项为结束时间,时间格式为:"YY-mm-dd HH:mm:ss&q ...
Mysql中设置默认时间为当前值
1.直接在创建表时添加该列并声明默认值,如下: CREATE TABLE `table1` (`id` int(11) NOT NULL,`createtime` timestamp NULL def ...
设置Windows时间显示秒
设置Windows时间显示秒 Win + R键打开运行框,输入regedit打开注册表编辑器,找到并点击计算机下的HKEY_CURRENT_USER下的Software下的Microsoft下的Win ...
vue+element ui 设置页面全屏全屏和退出全屏的切换
vue+element ui 设置页面全屏全屏和退出全屏的切换方式1 screenfull 插件 // 属性 screenfull.isFullscreen; // 判断当前页是否全屏返回类型 ...
关于Element UI中日期时间选择器在IE浏览器中初始化显示的兼容性问题
一.简单说明项目使用Vue+Element UI进行开发,使用了 DateTimePicker 日期时间选择器. 二.问题描述打开修改对话框(进行选择日期操作可以正常显示),在谷歌浏览器中初始化时 ...
element ui设置表格表头高度和每一行的高度
填坑记录:今天用element ui的表格组件做用户信息展示,直接拉取的官网的代码过来,发现表头和每一行都太高了,如下: 因为第一次使用element ui的表格组件,不太清楚会遇到这样的坑,以为能轻 ...
解决vue-admin-template插件element UI组件默认英文改中文
其实vue-admin-template这个框架原来就有的 1.element UI里的组件改中文模式如图: src/main.js: 2.第三方插件如tinymic这个富文本插件改成中文显示,上面方 ...
el日期选择器设置默认时间
我们再用el进行开发时使用日期选择器的时候会遇到设置默认事件的需求,我的解决方式在一个js文件里设置好时间格式例如: 格式为yyyy-mm-dd const base = {/*** 返回日期格式 ...

Element ui 设置默认时间显示

Element ui 设置默认时间显示相关推荐

最新文章

热门文章