vue 日期选择器 （DateTimePicker 日期时间选择器）

本文主要是介绍vue 日期选择器 （DateTimePicker 日期时间选择器），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

单选

        

<el-date-pickerv-model="value1"type="date"placeholder="选择日期"value-format="yyyy.MM.dd"@input="changeTime"></el-date-picker>

// 日期选择changeTime(e) {console.log(e.replace(/\./g, "-"));},

 多选

 <el-date-pickerv-model="value2"type="daterange"range-separator="至":start-placeholder="Begin":end-placeholder="Endtime"value-format="yyyy.MM.dd"@input="changeTime"@change="pickerChangeFn"></el-date-picker>

// 日期选择changeTime(e) {console.log(e);const arrdata = e[0].replace(/\./g, "-");const arrTime = e[1].replace(/\./g, "-");this.ArraignedTime = arrdata + "至" + arrTime;// console.log(arrdata, arrTime, "提审");},pickerChangeFn(e) {// console.log(e, "0000000000000000000");if (e == null) {this.ArraignedTime = "";}},

这篇关于vue 日期选择器 （DateTimePicker 日期时间选择器）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---