console
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Element UI 示例</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui/lib/theme-chalk/index.css">
<script src="https://cdn.jsdelivr.net/npm/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app">
<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="活动名称" prop="radio3">
<el-radio-group v-model="radio3" @change="handleTypeChange">
<el-radio :label="0">备选项1</el-radio>
<el-radio :label="1">备选项2</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="时间">
<el-date-picker v-if="isShowStart" v-model="form.sls__start_time__CST" type="datetime" style="width: 100%;"
format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="检查开始时间"></el-date-picker>
<el-date-picker v-if="isShowEnd" v-model="form.sls__end_time__CST" type="datetime" style="width: 100%;"
format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" placeholder="检查结束时间"></el-date-picker>
</el-form-item>
</el-form>
</div>
<script>
new Vue({
el: '#app',
data: {
radio3: '',
isShowStart: false,
isShowEnd: false,
form: {
sls__start_time__CST: '',
sls__end_time__CST: ''
}
},
methods: {
handleTypeChange(value) {
console.log(value)
if (value === 0) {
this.form.sls__start_time__CST = ''
this.isShowStart = true
this.isShowEnd = false
}
else {
this.form.sls__start_time__CST = ''
this.form.sls__end_time__CST = ''
this.isShowStart = true
this.isShowEnd = true
}
},
}
});
</script>
</body>
</html>