欢迎来到小懒的博客~email:568705236@qq.com

iview 设置周末不可选

2020/10/26 17:40:40站长

    在iview的datepicker中设置日期不可选就肯定是使用disabledDate属性。现在就是如何写判断了。

    直接去W3C找JS date对象的API,找到返回某日是星期几的方法。

image.png

    那么,其他没什么好说的了,直接上代码。

<template>
    <Row>
        <Col span="12">
            <DatePicker type="date" :options="options3" placeholder="Select date" style="width: 200px"></DatePicker>
        </Col>
        
    </Row>
</template>
<script>
    export default {
        data () {
            return {
                options3: {
                    disabledDate (date) {
                        return date.getDay()==0||date.getDay()==6;
                    }
                }
            }
        }
    }
</script>

image.png

赞赏