在Vue中,通過日期選擇器選擇時間(el-date-picker),然后創建與當前時間的倒計時,當選擇的時間小於或等於當前時間時,倒計時內容為0,倒計時函數被清除。
HTML:
(1)日期選擇器部分,與formData.dead_line數據綁定

(2)提交按鈕,與倒計時函數綁定,一旦提交,就開始執行倒計時

(3)倒計時顯示區域,與formData.countdownTime進行數據綁定

JS:
(1)data部分

(2)methods部分,通過截止時間與當前時間的時間差,來操作倒計時的內容

在Vue中,通過日期選擇器選擇時間(el-date-picker),然后創建與當前時間的倒計時,當選擇的時間小於或等於當前時間時,倒計時內容為0,倒計時函數被清除。
HTML:
(1)日期選擇器部分,與formData.dead_line數據綁定

(2)提交按鈕,與倒計時函數綁定,一旦提交,就開始執行倒計時

(3)倒計時顯示區域,與formData.countdownTime進行數據綁定

JS:
(1)data部分

(2)methods部分,通過截止時間與當前時間的時間差,來操作倒計時的內容

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。