element-ui 在使用时间组件时指定待选项。

缺乏、安全感 2021-09-18 09:40 193阅读 0赞

在一些时候我们需要限定某些日期是否可选。  
这里限定一下可选月份儿为 3 / 6 / 9 / 12 其它都为不可选状态

<template>
      <div class="block">
        <span class="demonstration">默认</span>
        <el-date-picker
          v-model="value1"
          type="month"
          value-format="yyyyMM"
          :picker-options="pickerTime"  // 重点 1
          placeholder="选择日期">
        </el-date-picker>
      </div>
    </template>
    
    <script>
      export default {
        data() {
          return {
            pickerTime: {  // 重点 2
                        disabledDate: function(time) {
                            var curDate = (new Date()).getMonth();
                            return ((
                                time.getMonth() == 0 ||
                                time.getMonth() == 1 ||
                                time.getMonth() == 3 ||
                                time.getMonth() == 4 ||
                                time.getMonth() == 6 ||
                                time.getMonth() == 7 ||
                                time.getMonth() == 9 ||
                                time.getMonth() == 10
                            ))
                        }
                    },
            value1: '',
            value2: '',
          };
        }
      };
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementui快捷时间

private pickerOptions: any = { shortcuts: [ {

柔情只为你懂/ 2022年12月29日 00:07/ 0 赞/ 103 阅读

相关 ElementUI （dialog弹框）封装在组件中在父组件调用

再记一遍dialog在父组件中的调用问题！！具体实现：v-for循环生成的一个card信息，点击详情查看该card具体信息，详情页在dialog里显示。 ![在这里插

刺骨的言语ヽ痛彻心扉/ 2022年12月27日 11:05/ 0 赞/ 328 阅读

相关 moment把时间转为指定时区的时间戳

const formatTime = moment(validTime).format('YYYY-MM-DDTHH:mm:ss'); const time

Dear 丶/ 2022年10月30日 12:23/ 0 赞/ 218 阅读

相关 ElementUI TimePicker固定时间范围，开始时间小于结束时间

一、概述根据项目需求： 1. 开始时间必须小于结束时间，不能等于结束时间。 2. 结束时间必须小于开始时间，不能相等。 2. 开始时间和结束时间，最小间隔30分钟

╰+攻爆jí腚メ/ 2022年10月07日 12:47/ 0 赞/ 549 阅读

相关使用Elementui元素动态增减表单组件

需求：动态增减表单组件动态表单组件模板部分 <el-form :rules="dynamicRules" ref="dynamicForm" label-

秒速五厘米/ 2022年09月05日 12:52/ 0 赞/ 26 阅读

相关 JavaScript取指定时区的时间

// 北京是getZoneTime(8),纽约是getZoneTime(-5),班加罗尔是getZoneTime(5.5). 偏移值是本时区相对于格林尼治所在时区的时区

￡神魔★判官ぃ/ 2022年03月27日 14:38/ 0 赞/ 1838 阅读

相关 elementUI日期选择器组件（DatePicker）的使用-带快捷选项和开始、结束值的获取

效果图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

爱被打了一巴掌/ 2022年02月25日 17:43/ 2 赞/ 812 阅读

相关 element-ui 在使用时间组件时指定待选项。

在一些时候我们需要限定某些日期是否可选。这里限定一下可选月份儿为 3 / 6 / 9 / 12 其它都为不可选状态 <template> <div

缺乏、安全感/ 2021年09月18日 09:40/ 0 赞/ 194 阅读

相关 elementui分页组件的使用

关键点：使用slice函数，其介绍见：[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Gl

本是古典何须时尚/ 2021年07月25日 12:27/ 0 赞/ 786 阅读

相关 ElementUI按钮组件

> 按钮组件(示例) 1.默认样式按钮 <el-row> <el-button>默认按钮</el-button>

Myth丶恋晨/ 2021年07月24日 22:34/ 0 赞/ 949 阅读