Vue 學習隨筆系列二十三 -- el-date-picker 組件

el-date-picker 組件


文章目錄

  • el-date-picker 組件
    • el-date-picker 只有某些日期可選


el-date-picker 只有某些日期可選

<template><div><el-form ref="form" size="mini":model="form" :rules="rules"label-width="80px"><el-row><el-col :span="8"><el-form-item label="統計時間" prop="date"><el-date-pickertype="date"clearablev-model="form.date"value-format="yyyy-MM-dd"placeholder="選擇日期"style="width: 100%;"                :picker-options="pickerOptions"></el-date-picker> </el-form-item></el-col></el-row></el-form></div>
</template><script>export default {data() {return {form: {date: "",},allowedDates: ['2024-12-01', '2024-12-05', '2024-12-10'],}},mounted() {},computed: {// 日期可選項處理pickerOptions(time) {const _this = thisreturn {disabledDate(time) {const date = _this.$moment(time).format("YYYY-MM-DD");return !_this.allowedDates.includes(date)}}}},methods: {}
}
</script><style lang="less" scoped>.el-date-picker, .el-select {width: 100%;}
</style>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/905781.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/905781.shtml
英文地址,請注明出處:http://en.pswp.cn/news/905781.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

使用Python實現簡單的人工智能聊天機器人

最近研學過程中發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊鏈接跳轉到網站人工智能及編程語言學習教程。讀者們可以通過里面的文章詳細了解一下人工智能及其編程等教程和學習方法。下面開始對正文內容的…

[QMT量化交易小白入門]-五十四、核心資產ETF輪動目前年化只有74%了,在過濾掉當天止損,當天買入的之后

本專欄主要是介紹QMT的基礎用法,常見函數,寫策略的方法,也會分享一些量化交易的思路,大概會寫100篇左右。 QMT的相關資料較少,在使用過程中不斷的摸索,遇到了一些問題,記錄下來和大家一起溝通,共同進步。 文章目錄 相關閱讀買入邏輯詳解代碼塊作用解析止損邏輯詳解代碼…

實戰解析MCP-使用本地的Qwen-2.5模型-AI協議的未來?

文章目錄 目錄 文章目錄 前言 一、MCP是什么&#xff1f; 1.1MCP定義 1.2工作原理 二、為什么要MCP&#xff1f; 2.1 打破碎片化的困局 2.2 實時雙向通信&#xff0c;提升交互效率 2.3 提高安全性與數據隱私保護 三、MCP 與 LangChain 的區別 3.1 目標定位不同 3.…

數據中心末端配電監控產品

精密配電介紹 數據中心配電系統圖 交流220V和直流-48V、240V、336V(400V)對比 產品簡介 AMC精密配電監控解決方案是針對精密配電柜&#xff08;列頭柜&#xff09;的監控要求&#xff0c;設計開發一套完整的解決方案&#xff0c;包括交流&#xff08;AC 220V&#xff09;、直…

工業4G路由器IR5000公交站臺物聯網應用解決方案

隨著城市化進程的加速&#xff0c;公共交通是智慧城市的重要樞紐。城市公共交通由無數的公交站臺作作為節點組合而成&#xff0c;其智能化升級成為提升城市出行效率與服務質量的關鍵。傳統公交站臺信息發布滯后、缺乏實時性&#xff0c;難以滿足乘客對公交信息快速獲取的需求&a…

Qt圖表繪制(QtCharts)- 性能優化(13)

文章目錄 1 批量替換代替追加1.1 測試11.2 測試21.3 測試3 2 開啟OpenGL2.1 測試12.2 測試22.3 測試32.4 測試4 更多精彩內容&#x1f449;內容導航 &#x1f448;&#x1f449;Qt開發 &#x1f448;&#x1f449;QtCharts繪圖 &#x1f448;&#x1f449;python開發 &#x1f…

嵌入式故障碼管理系統設計實現

文章目錄 前言一、故障碼管理系統概述二、核心數據結構設計2.1 故障嚴重等級定義2.2 模塊 ID 定義2.3 故障代碼結構2.4 故障記錄結構 三、故障管理核心功能實現3.1 初始化功能3.2 故障記錄功能3.3 記錄查詢與清除功能3.4 系統自檢功能 四、故障存儲實現4.1 Flash 存儲實現4.2 R…

動態規劃-63.不同路徑II-力扣(LeetCode)

一、題目解析 與62.不同路徑不同的一點是現在網格中有了障礙物&#xff0c;其他的并沒有什么不同 二、算法解析 1.狀態表示 dp[i][j]表示&#xff1a;到[i,j]位置時&#xff0c;不同的路徑數 2.狀態轉移方程 由于多了障礙物&#xff0c;所以我們要判斷是否遇到障礙物 3.初…

使用CherryStudio +SiliconFlow 部署獨立的deepseek+知識庫

deepseek知識庫&#xff0c;獨立的deepseek 首先我們先了解 CherryStudio&#xff1f;SiliconFlow&#xff1f; CherryStudio是一個支持多平臺的AI客戶端&#xff0c;我們致力于讓更多人能夠享受到AI帶來的便利。 簡單來說&#xff0c;它是一個能讓普通人輕松用上AI 的「萬能工…

Openshift節點Disk pressure

OpenShift 監控以下指標&#xff0c;并定義以下垃圾回收的驅逐閾值。請參閱產品文檔以更改任何驅逐值。 nodefs.available 從 cadvisor 來看&#xff0c;該node.stats.fs.available指標表示節點文件系統&#xff08;所在位置&#xff09;上有多少可用&#xff08;剩余&#xf…

MySQL的 JOIN 優化終極指南

目錄 前言序章&#xff1a;為何要有JOIN&#xff1f;——“一個好漢三個幫”的數據庫哲學 &#x1f91d;第一章&#xff1a;JOIN的“七十二變”——常見JOIN類型速覽 &#x1f3ad;第二章&#xff1a;MySQL的“紅娘秘籍”——JOIN執行原理大揭秘 &#x1f575;??♀?&#x1…

TLS 1.3黑魔法:從協議破解到極致性能調優

一、TLS協議逆向工程實驗 1.1 密碼學套件破解劇場 實驗準備&#xff1a; 靶機&#xff1a;啟用TLS 1.2的Nginx服務器 工具集&#xff1a;Wireshark OpenSSL s_client 定制Python腳本 實戰攻擊復現&#xff1a; # 強制使用弱加密套件連接 openssl s_client -connect exa…

國標GB/T 12536-90滑行試驗全解析:純電動輕卡行駛阻力模型參數精準標定

摘要 本文以國標GB/T 12536-90為核心框架&#xff0c;深度解析純電動輕卡滑行試驗的完整流程與數據建模方法&#xff0c;提供&#xff1a; 法規級試驗規范&#xff1a;從環境要求到數據采集全流程詳解行駛阻力模型精準標定&#xff1a;最小二乘法求解 ( FAv^2BvC ) 的MATLAB實…

【GaussDB遷移攻略】DRS支持CDC,解決大規模數據遷移挑戰

目錄 1 背景介紹 2 CDC的實現原理 3 DRS的CDC實現方式 4 DRS的CDC使用介紹 5 總結 1 背景介紹 隨著國內各大行業數字化轉型的加速&#xff0c;客戶的數據同步需求越來越復雜。特別是當需要將一個源數據庫的數據同時遷移到不同的目標庫場景時&#xff0c;華為云通常會創建…

PSA Certified

Arm 推出的 PSA Certified 已成為安全芯片設計領域的黃金標準。通過對安全啟動、加密服務以及更新協議等方面制定全面的要求&#xff0c;PSA Certified為芯片制造商提供了清晰的路線圖&#xff0c;使其能將安全機制深植于定制芯片解決方案的基礎架構中。作為對PSA Certified的補…

游戲引擎學習第286天:開始解耦實體行為

回顧并為今天的內容定下基調 我們目前正在進入實體系統的一個新階段&#xff0c;之前我們已經讓實體的移動系統變得更加靈活&#xff0c;現在我們想把這個思路繼續延伸到實體系統的更深層次。今天的重點&#xff0c;是重新審視我們處理實體類型&#xff08;entity type&#x…

遙感圖像非法采礦礦區識別分割數據集labelme格式1818張3類別

數據集格式&#xff1a;labelme格式(不包含mask文件&#xff0c;僅僅包含jpg圖片和對應的json文件) 圖片數量(jpg文件個數)&#xff1a;1818 標注數量(json文件個數)&#xff1a;1818 標注類別數&#xff1a;3 標注類別名稱:["river","illegal-mining"…

python爬蟲實戰訓練

前言&#xff1a;哇&#xff0c;今天終于能訪問豆瓣了&#xff0c;前幾天爬太多次了&#xff0c;網頁都不讓我訪問了&#xff08;要登錄&#xff09;。 先來個小練習試試手吧&#xff01; 爬取豆瓣第一頁&#xff08;多頁同上篇文章&#xff09;所有電影的排名、電影名稱、星…

Go語言實現生產者-消費者問題的多種方法

Go語言實現生產者-消費者問題的多種方法 生產者-消費者問題是并發編程中的經典問題&#xff0c;涉及多個生產者生成數據&#xff0c;多個消費者消費數據&#xff0c;二者通過緩沖區&#xff08;隊列&#xff09;進行協調&#xff0c;保證數據的正確傳遞和同步。本文將從簡單到…

【Opencv】canny邊緣檢測提取中心坐標

采用opencv 對圖像中的小球通過canny邊緣檢測的方式進行提取坐標 本文介紹了如何使用OpenCV對圖像中的小球進行Canny邊緣檢測&#xff0c;并通過Zernike矩進行亞像素邊緣檢測&#xff0c;最終擬合橢圓以獲取小球的精確坐標。首先&#xff0c;圖像被轉換為灰度圖并進行高斯平滑…