el-date-picker设置只有某些日期可选

server/2024/10/11 7:16:03/

示例图:

<el-date-pickerv-model="topFormObj.upTime"type="date"value-format="timestamp"format="dd/MM/yyyy":picker-options="pickerOptions"
/>

固定限制每周的周末+周三不可选

javascript">data() {return {pickerOptions: {disabledDate(time) {// 使用getDay()方法获取星期几return time.getDay() === 6 || time.getDay() === 0 || time.getDay() === 3}}}
}

根据接口返回的日期时间戳设置只有某些日期可选

假设接口返回只有07/10/2024和09/10/2024这两天可以选择,并且返回的时间戳并非0点的。

首先利用new Date(时间戳).setHours(0, 0, 0, 0)方法将时间戳转化为0点的时间戳。

javascript">const tt = [new Date(1728440229000).setHours(0, 0, 0, 0), new Date(1728267429000).setHours(0, 0, 0, 0)]data() {return {pickerOptions: {disabledDate(time) {return !tt.includes(time.getTime())}}}
}

限制只能选当月或者以后的月份(包括未来的年份),禁止选过去的月份(包括过去的年份)

<el-date-pickerv-model="topFormObj.upTime"type="month"value-format="timestamp"format="dd/MM/yyyy":picker-options="pickerOptions"
/>
javascript">data() {return {pickerOptions: {disabledDate(time) {var now = new Date()now.setHours(0, 0, 0, 0)return time.getTime() < now.getTime()}}}
}


http://www.ppmy.cn/server/130019.html

相关文章

基于IMX6UL的EPIT的定时器实验

定时器是最常用的外设&#xff0c;常常需要使用定时器来完成精准的定时功能&#xff0c;I.MX6U 提供了多 种硬件定时器&#xff0c;有些定时器功能非常强大。本章我们从最基本的 EPIT 定时器开始&#xff0c;学习如何配置EPIT 定时器&#xff0c;使其按照给定的时间&#xff0c…

windows C++-windows C++-使用任务和 XML HTTP 请求进行连接(二)

6. 在 HttpRequest.h 中&#xff0c;添加此代码: namespace Web {namespace Details {// 用于执行异步HTTP请求的实用程序类。 // 此类一次只支持一个未完成的请求。 class HttpRequest { public:HttpRequest();int GetStatusCode() const{return statusCode;}std::wstring c…

python全栈开发是什么?

全栈指掌握多种技能&#xff0c;并能利用多种技能独立完成产品。通俗的说就是与这项技能有关的都会&#xff0c;都能独立完成。 python&#xff0c;因为目前很火&#xff0c;能开发的项目很多。例如&#xff1a;web前端后端&#xff0c;自动化运维&#xff0c;软件、小型游戏开…

毕设---中国移动网站平台管理系统的设计与实现

本系统采用技术 采用J2EE框架&#xff08;Struts 2、Spring、iBATIS&#xff09; iBATIS&#xff0c;FreeMarker&#xff0c;Lucene&#xff0c;Struts 2等技术 毕业论文—任务书 毕业设计基本内容和要求&#xff1a; 基本要求本毕业设计要求学生通过实习工作&#xff0c;让…

LangChain中使用Prompt01

1.引入提示模板 from langchain.prompts import (SystemMessagePromptTemplate,AIMessagePromptTemplate,HumanMessagePromptTemplate, )2.设置系统提示 system_template_text"你是一位专业的翻译&#xff0c;能够将{input_language}翻译成{output_language}&#xff0c…

android studio可用下载地址

AndroidDevTools - Android开发工具 Android SDK下载 Android Studio下载 Gradle下载 SDK Tools下载 在此记录一下

Elasticsearch 索引数据预处理

pipeline 在文档写入 ES 之前&#xff0c;对数据进行预处理&#xff08;ingest&#xff09;工作通过定义 pipeline 和 processors 实现。 注意&#xff1a;数据预处理必须在 Ingest node 节点处理&#xff0c;ES 默认所有节点都是 Ingest node。 如果需要禁用 Ingest &#x…

智能EDA小白从0开始 —— DAY15 PADS

PADS&#xff08;Personal Automated Design System&#xff09;作为一款由Mentor Graphics公司推出的电子设计自动化&#xff08;EDA&#xff09;软件&#xff0c;自1986年面世以来&#xff0c;一直在电子设计领域扮演着重要角色。PADS以其模块化的设计、丰富的功能和稳定的性…