最大値を制限するように選択された要素-UI日付ピッカー日付ピッカー日付範囲

示されているように、需要は7日の最大範囲を選択します

 < EL-日付ピッカー
         Vモデル= "pickerDate" 
        タイプ= "DATERANGE" ピッカー・オプション= "pickerOptions" 
        @change = "handlePickerDate" 
        範囲セパレータ= "至" 
        形式= "YYYY-MM-DD" 
        値-形式= "タイムスタンプ" 
        開始プレースホルダ= "开始日期" 
        エンドプレースホルダ= "结束日期" 
        整列= "右" > 
  </ EL-日付ピッカー>
timeOptionRange:ヌル

pickerOptions:{ 
        onpick:時間 => {
               この .searchList.timeOptionRange = time.minDate 
        }、
        disabledDate:時間 => { 
              LETのtimeOptionRange = この.searchList.timeOptionRange 
              せセブン。= * 3600×1000 * 6 24
               IF ( timeOptionRange){
                 // / *日付を選択して、現在の日付が7日未満である* / 
                現在=ましょう新しい新しい日付を(新しい新しい日付()toLocaleDateString())。 -timeOptionRange.getTime()
                 の戻り(time.getTime()> timeOptionRange.getTime()+(現在の<7現在:7)||?
                  time.getTime() <timeOptionRange.getTime() - 7)
              } {
                 リターン時間。 getTime()> Date.now(); 
              } 
            }、
            ショートカット:[{ 
              テキスト: '最近三天' 
              のonClick(ピッカー){ 
                CONST端 = 新しい日付(新しい。日付()toLocaleDateString())。
                constの開始 = 新しいです日付(新しい日付()toLocaleDateString()); 
                start.setTime(start.getTime() - * 1000年3600 * 24 * 2 )。
                。ピッカー$発する( '選ぶ' 、[開始、終了]); 
              } 
            }、{ 
              テキスト: '最近七天' 
              のonClick(ピッカー){ 
                CONST端 = 新しい日付(新しい。日付()toLocaleDateString())。
                constの開始 = 新しい日付(新しい。日付()toLocaleDateString()); 
                start.setTime(start.getTime() - ×1000 3600 * 24 * 6 )。
                。ピッカー$発する( '選ぶ' 、[開始、終了]); 
              } 
            }、{ 
              テキスト: '最近三十天' 
              のonClick(ピッカー){ 
                CONST端 = 新しい日付(新しい。日付()toLocaleDateString())。
                constの開始 = 新しい日付(新しい。日付()toLocaleDateString()); 
                start.setTime(start.getTime() - * 1000年3600 * 24 * 29 )。
                。ピッカー$発する( '選ぶ' 、[開始、終了]); 
              } 
        }] 
  }、             
handlePickerDate(E){ 
IF(!電子){
this.timeOptionRange = NULL
}
}、
 

 

おすすめ

転載: www.cnblogs.com/zzzzzwt/p/11314970.html