当前位置: 首页> 文旅> 美景 > 商丘网络_软件开发工程师需要考什么证书_百度网站推广价格查询_登封网络推广公司

商丘网络_软件开发工程师需要考什么证书_百度网站推广价格查询_登封网络推广公司

时间:2025/7/10 0:12:30来源:https://blog.csdn.net/qq_43592674/article/details/143624598 浏览次数:0次
商丘网络_软件开发工程师需要考什么证书_百度网站推广价格查询_登封网络推广公司

总结网上的方法,最好用的是最后一个

设置的关键是:default-time=“[‘00:00:00’, ‘23:59:59’]”

              <el-date-picker:default-time="['00:00:00', '23:59:59']"v-model="formData.dischargeTime"type="datetimerange"range-separator="至"start-placeholder="开始时间"end-placeholder="结束时间"value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>

有的人default-time前加冒号才可以,有的人不加才行,不知道为什么,但都可以试一试,但这两种方法对我无效。
我用的下边这种方法

<el-date-picker:default-time="defaultTimeFormat"v-model="selectedDate"type="datetimerange"value-format="yyyy-MM-dd HH:mm:ss"
/><script>
const defaultTimeFormat = computed(() => {const [start, end] = ["00:00:00", "23:59:59"].map(time => {const [hour, minute, second] = time.split(":").map(Number);return new Date(0, 0, 0, hour, minute, second);});const dateRange: [Date, Date] = [start, end]return dateRange;
});
</script>

效果如下
在这里插入图片描述
如果想取开始时间和截止时间

 <el-date-pickerv-model="selectedDate":default-time="defaultTimeFormat"size="small"type="datetimerange"start-placeholder="开始时间"end-placeholder="结束时间"format="YYYY-MM-DD HH:mm:ss"@change="handleDateChange"/>//时间选择器
// 存储选择的日期 `
const selectedDate = ref(null);
const start = ref("2024-10-01 9:00:00.00");
const end = ref("2024-11-07 11:00:00.00");
// 处理日期更改事件
const handleDateChange = (date) => {selectedDate.value = date;const date1 = new Date(selectedDate.value[0]);console.log(date1.getDate, 1234);const date2 = new Date(selectedDate.value[1]);const date11 = `${date1.getFullYear()}-${String(date1.getMonth() + 1).padStart(2, "0")}-${String(date1.getDate()).padStart(2, "0")} ${String(date1.getHours()).padStart(2, "0")}:${String(date1.getMinutes()).padStart(2, "0")}:${String(date1.getSeconds()).padStart(2, "0")}`;const date22 = `${date2.getFullYear()}-${String(date2.getMonth() + 1).padStart(2, "0")}-${String(date2.getDate()).padStart(2, "0")} ${String(date2.getHours()).padStart(2, "0")}:${String(date2.getMinutes()).padStart(2, "0")}:${String(date2.getSeconds()).padStart(2, "0")}`;start.value = date11 + ".000";end.value = date22 + ".000";console.log("选择的日期1111:", start.value, end.value);
};// 处理确认按钮点击事件
const confirmDate = () => {console.log("选择的日期:", selectedDate.value);if (selectedDate.value === null) {start.value = "2024-10-01 9:00:00.00";end.value = "2024-11-07 11:00:00.00";}allData1();
};
关键字:商丘网络_软件开发工程师需要考什么证书_百度网站推广价格查询_登封网络推广公司

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: