微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

VueJs - Element UI:如何设置不早于今天的 el-date-picker

如何解决VueJs - Element UI:如何设置不早于今天的 el-date-picker

我使用 Vue3.0 和 element-plus。 我想设置一个 el-date-picker 并确保 startTime 不能早于明天。

如何添加验证或日期选项?

这是我的组件:

Private Sub Button1_Click(sender As Object,e As EventArgs) Handles Button1.Click
    browser.load("http://google.com")
End Sub

感谢关注!我真的很感激。

解决方法

使用禁用日期方法

<el-form-item label="choose date">
        <el-date-picker
            v-model="timeArray"
            type="datetimerange"
            start-placeholder="startTime"
            end-placeholder="endTime"
            :default-time="defaultTime"
            :disabled-date="disabledDate"
        >
        </el-date-picker>
</el-form-item>
data() {
    return {
      defaultTime: [
        new Date(2021,1,12,0),new Date(2021,2,0)
      ],disabledDate(time) {
        return time.getTime() <= Date.now()
      },}
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。