指定した時間範囲の選択でのiView日付ピッカー、残りの禁止

コンポーネントは毎年この時期を選ぶことができ、時間ピッカーでは、そのような2019として、時間値上を通過し、残りは選択禁止されています。

1、

<! - タイムピッカー - >
          <行クラス= "_時間">
            <コルスパン= "12">
            <日付ピッカーのタイプ=「日付範囲」
                        転送
                        :オプション = "forbidDate" クリア = "false"を
                        配置 = "ボトムエンド" 
                        プレースホルダ = "时间选择" 
                        スタイル = "幅:200pxの" 
                        @on -change = "selectDate" 
                        V -model = "dataVal"> </日付ピッカー>
            </コル>
          </ ROW>

図2に示すように、データは、定義された値の上を通過します

ルートは=ましょうこれを。$ route.query.time

3、データ書き込み中:オプション=「forbidDate」disabledDateのiViewと禁止範囲、

 // 選択指定された年の許可
      forbidDateを:{
        disabledDate(日付){
          CONST disabledDay = date.getFullYear()。
          リターン(disabledDay <ルート|| disabledDay> ルート)。
        }
      }

 

 

おすすめ

転載: www.cnblogs.com/lxs-casually/p/11937266.html