vant日期选择组件(格式yyyy-mm-dd 默认当天)
Html
<van-field readonly clickable name="datetimePicker" :value="lostDate" label="时间" placeholder="点击选择时间" @click="showPicker = true" /> <van-popup v-model="showPicker" position="bottom"> <van-datetime-picker type="date" :maxDate="maxDate" v-model="currentDate" @confirm="onConfirm" @cancel="showPicker = false" /> </van-popup>
js
data() { return { showPicker: false, maxDate: new Date(), lostDate: this.formatter(), currentDate: new Date() }; }, methods: { formatter(time) { let nowdata =time == null ? new Date() : new Date(time); let year = nowdata.getFullYear(); let month = nowdata.getMonth() + 1; let date = nowdata.getDate(); let nowtime = year + "-"; if (month < 10) { nowtime += "0"; } nowtime += month + "-"; if (date < 10) { nowtime += "0"; } nowtime += date; return nowtime; }, onConfirm(time) { this.LossDate = this.formatter(time); this.showPicker = false; }, }
展示
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!