vue 日期时间段选择器 返回年月日时分秒

只上核心代码

      <el-form-item label="计划时间" width="100px"><el-date-pickerv-model="palanTime"type="datetimerange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"format="yyyy-MM-dd HH:mm:ss"></el-date-picker></el-form-item>watch: {palanTime(val) {if (val) {this.form.params.planbeginTime = this.getDateTime(val[0]);this.form.params.planendTime = this.getDateTime(val[1]);} else {this.form.params.planbeginTime = nullthis.form.params.planendTime = null}}},// 表单参数form: {params: {planbeginTime: null,planendTime: null}},methods: {getDateTime(chinaStandard) {var date = new Date(chinaStandard);var y = date.getFullYear();var m = date.getMonth() + 1;m = m < 10 ? ('0' + m) : m;var d = date.getDate();d = d < 10 ? ('0' + d) : d;var h = date.getHours();h = h < 10 ? ('0' + h): h;var minute = date.getMinutes();minute = minute < 10 ? ('0' + minute) : minute;let s = date.getSeconds();s = s < 10 ? ('0' + s): s;return y + '-' + m + '-' + d + ' ' + h + ':' + minute + ':' + s;  //这里如果不需要小时 分  后边的可以不需要拼接},

效果
在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部