首页 > 其他分享 >vant时间选择器中对minDate进行初始化

vant时间选择器中对minDate进行初始化

时间:2023-10-27 18:13:43浏览次数:33  
标签:vant myDate Date new 选择器 minDate

vant组件库中,DatetimePicker 可以通过 min-date 和 max-date 属性确定可选的时间范围。

但他只支持Date类型,时间戳的话会报错,需要转换一下

   <van-popup v-model="showStartTime" position="bottom">
        <van-datetime-picker
          v-model="defaultStartDate"
          type="date"
          title="选择起期"
          :min-date="minDate"
          :max-date="maxDate"
          @cancel="showStartTime = false"
          @confirm="commitStartTime"
        />
   </van-popup>

  

data(){
   return {
       minDate: new Date(),
       maxDate: new Date(2028, 12, 12)
    }
}

 

const myDate = new Date();
const d = myDate.setDate(myDate.getDate()+1);
this.minDate = new Date(d)

  

 

标签:vant,myDate,Date,new,选择器,minDate
From: https://www.cnblogs.com/theblogs/p/17792928.html

相关文章

  • 微信小程序--6.初次使用vant报错
    6、由于使用了ts踩到的安装vant的坑,重点在第4步1)在根目录下执行安装依赖的命令npmi@vant/weapp-S--production2)修改app.json将app.json中的 "style":"v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。3)修改project.conf......
  • 时间选择器,不能选择今天之前的时间
    <el-date-pickerv-model.trim="form.endTime"type="datetime":picker-options="pickerOptions"format="yyyy-MM-ddHH:mm:ss"......
  • 选择器(折叠面板)
    层级选择器:1.>选择父盒子的子盒子加属性2.+当前元素的下一个兄弟元素3.~当前元素后面所有的兄弟盒子<style>/*子代选择器*/.box>li{border:1pxsolidred}/*+当前元素的下一个兄弟*/.child+li{back......
  • div通过append添加的元素无法通过jquery元素选择器选择
    $("#"+msgid).append(data+'<br><br><br><divclass="box-copy"id='+copyid+'>复制内容</div>')此时无法通使用$(".box-copy").click()需要使用:$(document).on('click','......
  • 无涯教程-ASP.NET MVC - 选择器
    ActionSelector是可以应用于Action方法的属性,用于响应请求而调用哪种Action方法,它有助于路由引擎选择正确的操作方法来处理特定请求。在编写Action方法时,它起着至关重要的作用。这些选择器将根据操作方法来决定方法调用的行为,它通常用于为操作方法的名称加上别名。ActionSele......
  • 关于vant移动端的样式使用hbuilderX打包成app时数据请求失败的问题
    项目使用的是vant4,在使用hbuilderX打包时,发现请求后端失败,然后在网上查了一下说是因为在apk中不存在跨域的问题,所以不需要进行代理设置那就取消代理试试吧(注:我这里使用的是cli3):api.js中写入exportconstlogin=(data)=>{//登录  returnaxiosPost('http://xxx.xxx.......
  • 伪类选择器(实现鼠标悬浮字体变色效果)
    链接框与文本框:实现鼠标悬浮变色效果a:link{/*访问之前的状态*/color:red;}a:hover{/*鼠标悬浮态*/color:aqua;}a:active{/*鼠标点击不松开的状态:激活态*/color:black;......
  • 属性选择器
    #属性选择器是以[]作为标志的 方法一:[username]{/*把所有含有属性名是username的标签背景色改为红色*/background-color:red;} 方法二:[username='jason']{/*找到所有属性名是username并且属性值是jason的标签*/color:orange;} 方法三:inpu......
  • 基本选择器
    1.id选择器/*id选择器*/#d1{/*找到id是d1的标签*/color:green;}2.类选择器/*类选择器*/.c1{/*找到class值里包含c1的标签*/color:red;}3.元素(标签选择器)/*(元素)标签选择器*/span{/*找到所有的span标签*/color:red;}4.通用选择器/*通用选择......
  • JQuery基础系统二:选择器
    选择器是jQuery的基础,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器1.CSS选择器1.1CSS是一项出色的技术,它使得网页的结构和表现样式完全分离。利用CSS选择器可以轻松的对某个元素添加样式而不用改动HTML结构,只需要通过添加不同的CSS规则,就可以得到不同样式的网页1.......