ElementUI日付ピッカーは、選択日付ピッカーを制限します

　　elementUI日付ピッカーを使用する場合は、多くの場合、このような需要が発生した - 選択可能な時間帯には限界がある、例えば、私が遭遇している：あなただけの前1年以内に、今日の日付を選択することができます。

　　公式ドキュメントをチェックアウト、我々はそれを詳細に説明されていない見つけ、ここでは詳細に説明します。

 

　1.エル・日付ピッカーピッカー・オプション属性のコンポーネントを追加し、関連付けるデータpickerOptionsします

　　

 

　2.データバインディング限界値

　  2.1制限単一選択ボックス

　　　　2.1.1を選択して、今日最も最近の年に（今日を含む）の日付を設定します

データ（）{ 
    リターン{ 
        pickerOptions：{ 
            disabledDate（時間）{ 
                。= CURDATE LET（新しい新しい日付（））のtoString（）文字列に//現在のタイムスタンプ
                せcurDateYear =（新しいDate（） ）のgetFullYear（）/。 年/現在の時刻
                ましょうoneYearAgoDate = curDate.replace（curDateYearは、curDateYear -1）// 文字列の年前に交換してください
                oneYear =新しい日付を聞かせて（oneYearAgoDate） .getTime（）// 歴史の時間に文字列スタンプ
                リターンtime.getTime（）> Date.now（）|| time.getTime（）<oneYear; 
            } 
        } 
    }   
}    

　　　　2.1.2設定の選択後に、今日と今日の日付

データ（）{ 
    リターン{ 
        pickerOptions0：{ 
            disabledDate（時間）{ 
                time.getTime（）<Date.nowを返す（） - 8.64e7。
            } 
        } 
    }     
}

　　　　2.1.3設定は前日と今日の日付を選択します

データ（）{ 
    リターン{ 
        pickerOptions0：{ 
            disabledDate（時間）{ 
                time.getTimeを返す（）> Date.now（） - 8.64e6 
            } 
        } 
    }     
}

　　　　2.1.4  設定]を選択した日付今日の後に（一日の時間を選択することはできません）

データ（）{ 
    リターン{ 
        pickerOptions0：{ 
            disabledDate（時間）{ 
                time.getTime（）<Date.now（）を返します。
            } 
        } 
    }      
}

　　　　2.1.5  設定]を選択した日付今日の前に（同じ日に選択することはできません）

データ（）{ 
    リターン{ 
        pickerOptions0：{ 
            disabledDate（時間）{ 
                time.getTime（）> Date.now（）を返します。
            } 
        } 
    }      
}

　　　　2.1.6  今日の日付までの3ヶ月から選択し設定する前に

データ（）{ 
    リターン{ 
        pickerOptions0：{ 
            disabledDate（時間）{ 
                。聞かせてCURDATE =（新しいDate（））getTime（）; 
                聞かせて3 = 90 * 24 * 1000年* 3600; 
                threeMonths = CURDATEをしましょう- 3。
                time.getTime（）> Date.now（）を返す|| time.getTime（）<threeMonths ;; 
            } 
        } 
    }     
}

　　　二つの入力ボックスの2.2制約

　　

　　　　　　開始時刻を設定し終了時間を超えることはできません

データ（）{ 
    リターン{ 
        pickerOptions0：{ 
            disabledDate：（時間）=> { 
                場合（！this.value2 = ""）{ 
                    time.getTime（）> Date.nowを返す（）|| time.getTime（）> this.value2。
                }他{ 
                    time.getTime（）> Date.now（）を返します。
                } 
            } 
        }、
        pickerOptions1：{ 
            disabledDate：（時間）=> { 
                （time.getTimeを返す）<this.value1 || time.getTime（）> Date.now（）; 
            } 
        } 
    }      
}