在Vue中,通過日期選擇器選擇時間(el-date-picker),然后創建與當前時間的倒計時,當選擇的時間小於或等於當前時間時,倒計時內容為0,倒計時函數被清除。
HTML:
(1)日期選擇器部分,與formData.dead_line數據綁定
(2)提交按鈕,與倒計時函數綁定,一旦提交,就開始執行倒計時
(3)倒計時顯示區域,與formData.countdownTime進行數據綁定
JS:
(1)data部分
(2)methods部分,通過截止時間與當前時間的時間差,來操作倒計時的內容