關於iview中得DatePicker 日期選擇器,開始時間不可以大於結束時間得限定
我們一般用日期選擇器得時候,會確定一個日期得范圍作為參數,但是一般我們都會忽略這個限制,從而導致了,出現上圖得問題,endTime居然可以小於startTime,很明顯是不符合項目需求得 查看iview中關於DatePicker得api后,發現在options中可以定義自己需要得時間范圍,直接 ...
廢話不多說直接上代碼,拷貝代碼保存為 html 文件,用瀏覽器打開就可以看到效果。 在線查看效果:https: run.iviewui.com PmGsUW P ...
2018-08-11 15:00 3 15135 推薦指數:
我們一般用日期選擇器得時候,會確定一個日期得范圍作為參數,但是一般我們都會忽略這個限制,從而導致了,出現上圖得問題,endTime居然可以小於startTime,很明顯是不符合項目需求得 查看iview中關於DatePicker得api后,發現在options中可以定義自己需要得時間范圍,直接 ...
<template> <div class="linesMigrate"> <div class="conditionDiv" ...
第一種方式:設置開始時間應不允許大於結束時間: html代碼為: validityTermEnd:'',//有效期結束時間 ...
主要通過添加 :picker-options來約束時間的 開始時間必須大於當前時間,結束時間必須大於開始時間來加判斷 beginDate() { const self = this; return ...
html模板代碼: <!-- 開始時間 --> <FormItem prop="startTime" label="開始時間:"> <DatePicker type="date" :options="startTimeOptions" @on-change ...