Element UI中 DatePicker 日期选择器的回显
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<tempalte>
<div>
<el-date-picker
v-model="BAE_Time"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd"
@change="handleChange"
>
</el-date-picker>
</div>
</template>
export default {
data(){
return {
BAE_Time:"",
startTime:"",
endTime:""
}
},
mounted(){
//时间回显处理
let tmpArr = []
tmpArr.push(new Date(this.startTime))
tmpArr.push(new Date(this.endTime))
// console.log('转成啥', tmpArr)
this.BAE_Time = tmpArr
}
methods:{
//选中日期时触发
handleChange(e) {
console.log(e, e[0], e[1])
this.startTime = `${e[0]} 00:00:00`
this.endTime = `${e[1]} 23:59:59`
},
}
}
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:1 个月前 )
c345bb45
5 个月前
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 5 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)