uni-app开始时间结束时间（结束时间大于开始时间）picker编写

利用uni-app官网里面picker插件代码，点击开始时间后结束时间要大于选择后的开始时间，点击结束时间后开始时间要小于开始时间。

html代码

<view class="leave_cont"><view class="ul"><view class="li"><text>开始时间</text><view class="flex1"><picker mode="date" :value="start_date" :start="start_date" :end="other"  @change="bindDateChange"><view class="date">{{start_date}}</view></picker></view></view><view class="li"><text>结束时间</text><view class="flex1"><picker mode="date" :value="start_date" :start="start_date" @change="bindDateChange2"><view class="date">{{other}}</view></picker></view></view></view>
</view>

js代码

export default {data() {const currentDate = this.getDate({format: true})return {start_date: currentDate,end_date: currentDate,other:'请输入'}},computed: {},methods: {// 选择日期bindDateChange: function(e) {this.start_date = e.target.value},bindDateChange2: function(e) {this.end_date = e.target.value;this.other = this.end_date;},// 获取当前时间getDate(type) {const date = new Date();let year = date.getFullYear();let month = date.getMonth() + 1;let day = date.getDate();if (type === 'start') {year = year - 60;} else if (type === 'end') {year = year + 2;}month = month > 9 ? month : '0' + month;;day = day > 9 ? day : '0' + day;return `${year}-${month}-${day}`;},}
}

css代码

.leave_cont .ul{padding-left: 30rpx;
}
.leave_cont .ul .li{display: flex;align-items: center;border-bottom: 1px solid #efefef;
}
.leave_cont .ul .li text{padding: 40rpx 0;font-size: 34rpx;font-family: '黑体';
}
.leave_cont .ul .li .flex1{flex: 1;text-align: right;padding-right: 25rpx;color: #999999;font-size: 32rpx;
}
.date{height: 42rpx;
}
（编写高质量代码，一个专业致力于页面转化，切图的前端爱好者~~）

uni-app开始时间结束时间（结束时间大于开始时间）picker编写相关推荐

vue 判断两个时间插件结束时间必选大于开始时间
mounted () {$(function(){$('#startTime,#endTime').change(function () {console.log('xx')var _this = $ ...
js验证开始日期不能大于结束日期_js前台判断开始时间是否小于结束时间
js前台判断开始时间是否小于结束时间,结合了jquery需要的朋友可以参考下 // 判断开始时间是否小于结束时间 if ($("#txtBeginTime").length > ...
结束时间要大于开始时间_CPA考试结束，成绩公布时间出炉
CPA考试结束才过两天时间,此时此刻大家正忙着对答案估分数吧!因为高顿CPA老师受到最多的私信就是要真题要答案,当然,还有一些些对考试的吐槽~ 大家都希望中注协赶紧公布成绩,这不时间公布时间来啦~ 2 ...
【ElenmentUI el-date-picker日期选择器，结束时间不得早于开始时间，且只能选择距开始时间指定天数的日期】
场景: 1.开始时间不得晚于结束时间:结束时间不得早于开始时间: 2.开始时间与结束时间之间,有可选择的天数间隔,只可选择间隔日期内的日期: 例如:设置间隔时间为5天:日期的取值范围,如下: 2022 ...
laydate设置起始时间，laydate设置开始时间和结束时间
laydate设置开始时间后,结束时间不可小于已选择的开始时间 laydate设置结束时间后,开始时间不可小于已选择的结束时间 var startDate = laydate.render({elem ...
泛微oa流程表单之请假单（判断请假结束时间不能小于等于请假开始时间）
 <script type="text/javascript">/* ...
海康机器人线激光立体相机获取体积测量开始时间点和结束测量时间点以及包裹四个顶角位置信息的可行办法
349体积相机获取测量时间点和位置信息简介:一种使用349体积相机获取体积测量开始时间点和结束测量时间点以及包裹四个顶角位置信息的可行办法. 本文档适用的问题体积相机型号为:MV-DL2040-0 ...
王者s19服务器维护到什么时候,王者荣耀维护几点结束王者荣耀s19赛季开始时间新英雄介绍王者荣耀3月31日更新内容汇总...
原标题:王者荣耀维护几点结束王者荣耀s19赛季开始时间新英雄介绍王者荣耀3月31日更新内容汇总王者荣耀s19赛季今日迎来更新,本次新赛季版本为玄雍危机版本,除了一些游戏内的调整之外,相信大家最关 ...
iOS9中如何在日历App中创建一个任意时间之前开始的提醒(一)
大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 我们知道如果想在iOS中自带的日历App中创建闹铃开始的时间, ...
查询过去一个月有付款mysql_MySQL_mysql 月份查询该月有付款的数据，ktime 开始时间串 dtime 到期时间 - phpStudy...
mysql 月份查询该月有付款的数据 ktime 开始时间串 dtime 到期时间串 jmonth 付费间隔月份数可选(1,3,6,12) 需要按月查询数据比如说 ktime=122840640 ...

uni-app开始时间结束时间（结束时间大于开始时间）picker编写

uni-app开始时间结束时间（结束时间大于开始时间）picker编写相关推荐

最新文章

热门文章