【Element UI】日期选择器el-date-picker 默认选中当前日期==> 不可选当日之前的日期

这篇具有很好参考价值的文章主要介绍了【Element UI】日期选择器el-date-picker 默认选中当前日期==> 不可选当日之前的日期。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一个人能否合理表达自己的攻击性是健康与否的重要标准。

参考Element UI  Element - The world's most popular Vue UI framework 

目录

1.默认当前天+之前日期不可选

2.默认当前天+之后日期不可选


1.默认当前天+之前日期不可选

【Element UI】日期选择器el-date-picker 默认选中当前日期==> 不可选当日之前的日期,elementUI组件优化,vue.js,javascript,前端 

<el-date-picker
    v-model="form.startTime"
    value-format="yyyy-MM-dd"
    type="date"
    placeholder="选择授权时间"
    style="width: 180px"
    :picker-options="pickerOptions"
>
</el-date-picker>
// 设置不能选则当天之前的时间    写data()中
pickerOptions: {
        disabledDate(time) {
          return time.getTime() < Date.now() - 8.64e7;
        },
},
// 设置默认选中当前日期
getNowTime() {
      var now = new Date();
      var year = now.getFullYear(); //得到年份
      var month = now.getMonth(); //得到月份
      var date = now.getDate(); //得到日期
      month = month + 1;
      month = month.toString().padStart(2, "0");
      date = date.toString().padStart(2, "0");
      var defaultDate = `${year}-${month}-${date}`;
      this.$set(this.form, "startTime", defaultDate);
    },

2.默认当前天+之后日期不可选

【Element UI】日期选择器el-date-picker 默认选中当前日期==> 不可选当日之前的日期,elementUI组件优化,vue.js,javascript,前端文章来源地址https://www.toymoban.com/news/detail-533715.html

// 当前日期之后的日期不可选 
pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          },
}

到了这里,关于【Element UI】日期选择器el-date-picker 默认选中当前日期==> 不可选当日之前的日期的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包