elementUI日期时间选择器

1.只能选择今天和今天以后的时间范围

<el-date-pickerv-model="shop.receive_time[0]"type="date"size="small"format="yyyy-MM-dd"value-format="yyyy-MM-dd":picker-options="pickerOptions"@change="startTime(shop.seller_id, shop.receive_time)"placeholder="选择交货开始日期">
</el-date-picker>

data中加

<script>export default {data() {return {pickerOptions: {disabledDate: time => {return time.getTime() < Date.now() - 24 * 60 * 60 * 1000},}}}
</script>

2.只能选择前一个月到昨天的时间范围

<el-date-pickertype="date":placeholder="$t('financial.sell.choose_data')"format="yyyy-MM-dd"value-format="yyyy-MM-dd":picker-options="pickerOptions"v-model="startDailyDate"style="width: 100%">
</el-date-picker>

data中加

<script>export default {data() {return {pickerOptions: {disabledDate: (time) => {return (time.getTime() < new Date(this.timeOne).getTime() - 8.64e7 ||time.getTime() > new Date(this.timeDefault).getTime());},timeOne: "",},},computed: {
//计算属性计算前一天的日期timeDefault() {var date = new Date();var month = date.getMonth() + 1;const newmonth = month >= 10 ? month : "0" + month;var s1 = date.getFullYear() + "-" + newmonth + "-" + (date.getDate() - 1);return s1;},},methods: {//获取当前年月日时分秒getDate() {const nowDate = new Date();var y = nowDate.getFullYear();var m = nowDate.getMonth() + 1;var d = nowDate.getDate();//  当前日期let nowDates =y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);//   一月的时候年份要减一if (m == 1) {y--;m = 12;} else if (m == 3 && d > 28) {//三月要考虑是否为闰年m--;if ((y % 4 == 0 && y % 100 != 0) || y % 400 == 0) {d = 29;} else {d - 28;}} else if ((m != 12 || m != 8) && d == 31) {//31号的月份要考虑上个月是否有31号m--;d = 30;} else {m--;}// 一个月前的日期this.timeOne =y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);},},
};
</script>

3.半年前禁用的时间范围

<script>export default {data() {return {pickerOptions: {//半年前禁用disabledDate(v) {return v.getTime() < new Date().getTime() - 86400000*183;}}}}
</script>

elementUI日期时间选择器相关推荐

ElementUI日期时间选择器禁止此刻之前的所有时间选择(精确到，时、分、秒)、pickerOptions、日期选择器范围选择
elementUI日期时间选择器范围(精确到,时.分.秒.
element-ui 日期时间选择器el-date-picker 设置禁止选择日期
element-ui 日期时间选择器el-date-picker 设置禁止选择日期使用日期选择器时,有的时候需要禁止选择一些日期,我们可以通过快捷选项 picker-options 对象中的禁用日期 ...
elementUI 日期时间选择器添加默认时间
GetDateStr(AddDayCount) { var dd = new Date();dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后 ...
element-UI日期时间选择器el-date-picker
<template><div><el-form :model="form" label-width="150px" ref=&qu ...
vue2 + elementui 日期时间选择器禁止选择当前时间之前的日期及时间，并添加相应校验规则
项目里有这样一个需求:文章设置的预发布时间不得早于当前时间(包括日期和时分秒时间). 具体实现如下: 1.在日期时间选择其中设置禁止选中(包括日期和时间) (1)在html(template)中, 通 ...
ElementUI日期时间选择器限制时间范围,禁止此刻之前的所有时间选择(精确到，时、分、秒)、pickerOptions、日期选择器范围选择
需求:可选择的时间大于当前时间,不符合条件的全部禁用以下实现方式可精确到年.月.日.时.分.秒 HTML <el-form-item label="盘点开始时间" prop ...
element-UI组件之日期时间选择器与时间格式转化
element-UI组件之日期时间选择器与时间格式转化日期选择器与时间选择器的一般使用日期时间选择器选择日期时间点选择日期范围日期选择器月份范围选择器禁选日期用time.getTime ...
Element UI——日期时间选择器el-date-picker开始时间与结束时间约束解决方案
官方文档 https://element.eleme.cn/#/zh-CN/component/datetime-picker 问题分析 el-date-picker组件需要 :picker-opti ...
element时间选择器限制到时分秒_element-ui 日期时间选择器限制日期以及时间范围...
element-ui 日期时间选择器限制日期以及时间范围. 实现效果: 实现方式: 业务背景: 日期:只能选择今天以后的日期(包含今天), 时间:只能选择当前日期时间一小时以后的时间. 实现效果: 实 ...

elementUI日期时间选择器

elementUI日期时间选择器相关推荐

最新文章

热门文章