uView的u-datetime-picker限制开始的年月日后ios显示不出来

简介: uView的u-datetime-picker限制开始的年月日后ios显示不出来

解决方法:

<uni-forms-item class="form-item" label="入校日期" name="sqrxrq" required>
        <!-- :minDate="mindate()" :maxDate="maxdate()" -->
        <u-datetime-picker @confirm="ggff" @cancel="gghh" :minDate="mindate()" :maxDate="maxdate()"
          :formatter="formatter" :show="show" v-model="value1" mode="datetime"></u-datetime-picker>
        <uni-easyinput clearSize="0" style="z-index: 10;" prefixIcon="calendar-filled" v-model="model.sqrxrq" placeholder="选择时间"
          @focus="ffss"></uni-easyinput>
      </uni-forms-item>
      <uni-forms-item class="form-item" label="结束日期" name="sqrxjssj" required>
        <u-datetime-picker @confirm="ggffOne" @cancel="gghhOne" :minDate="mindateOne()" :maxDate="maxdateOne()"
          :formatter="formatter" :show="showOne" v-model="value2" mode="datetime"></u-datetime-picker>
        <uni-easyinput :disabled="model.sqrxrq == ''" clearSize="0" prefixIcon="calendar-filled"
          v-model="model.sqrxjssj" placeholder="选择时间" @focus="ffssOne"></uni-easyinput>
      </uni-forms-item>
maxdate() {
        let currentDate = new Date();
        let year = currentDate.getFullYear();
        let month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
        let day = ("0" + currentDate.getDate()).slice(-2);
        // 设置当前日期为下个月的第一天
        let firstDayOfNextMonth = new Date(year, month, 1);
        // 获取当前月份的最后一天
        let lastDayOfMonth = new Date(firstDayOfNextMonth.getTime() - 1);
        let lastDay = lastDayOfMonth.getDate();
        // if (Number(day) + 3 > lastDay) {
        //  month =  month * 1 + 1
        //  day =  Math.abs(day - lastDay);
        // } else {
        //  day = Number(day) + 3
        // }
        if (uni.getSystemInfoSync().platform == 'ios') {
          if (Number(day) + 3 > lastDay) {
            month = month * 1 + 1
            day = Math.abs(day - lastDay);
          } else {
            day = Number(day) + 3
          }
          let ss = year + '/' + month + '/' + day + ' ' + '23:59:59'
          return Date.parse(ss);
        }
        if(uni.getSystemInfoSync().platform == 'android') {
          if (Number(day) + 3 > lastDay) {
            month = month * 1 + 1
            day = Math.abs(day - lastDay);
          } else {
            day = Number(day) + 3
          }
          let ss = year + '-' + month + '-' + day + ' ' + '23:59:59'
          return Date.parse(ss);
        }
      },
      maxdateOne() {
        if (this.model.sqrxrq) {
          let ss = this.model.sqrxrq.slice(0, 10);
          let ff = ss + ' ' + '23:59:59'
          return Date.parse(ff);
        }
      },
      mindate() {
        let currentDate = new Date();
        let year = currentDate.getFullYear();
        let month = ("0" + (currentDate.getMonth() + 1)).slice(-2);
        let day = ("0" + currentDate.getDate()).slice(-2);
        let ss = year + '-' + month + '-' + day + ' ' + '00:00:00'
        return Date.parse(ss);
      },
      mindateOne() {
        if (this.model.sqrxrq) {
          return Date.parse(this.model.sqrxrq);
        }
      },
目录
相关文章
|
存储 移动开发 小程序
【uniapp小程序】上传图片
【uniapp小程序】上传图片
2891 0
【uniapp小程序】上传图片
|
JavaScript 前端开发
vue element plus Empty 空状态
vue element plus Empty 空状态
617 0
vue element plus Empty 空状态
Maximum call stack size exceeded报错的原因及解决办法
Maximum call stack size exceeded报错的原因及解决办法
4426 0
|
小程序 开发工具 git
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
【微信小程序】-- uni-app 项目--- 购物车 -- 配置 tabBar 效果(五十一)
|
移动开发 小程序 API
uniapp中uview组件库的丰富Upload 上传上午用法
uniapp中uview组件库的丰富Upload 上传上午用法
1111 0
|
小程序
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
3032 1
|
小程序 API 索引
uniapp中uview组件库的DatetimePicker 选择器的用法
uniapp中uview组件库的DatetimePicker 选择器的用法
3524 0
|
前端开发
CSS动画新潮流:炫酷水波效果,让网页元素生动起来!
CSS动画新潮流:炫酷水波效果,让网页元素生动起来!
|
定位技术 API 数据格式
Element UI【详解】el-cascader 级联选择器 - 行政区划选择(可以选择任意一级),限定选择范围,获取并解析选中的节点
Element UI【详解】el-cascader 级联选择器 - 行政区划选择(可以选择任意一级),限定选择范围,获取并解析选中的节点
4206 0
|
JavaScript 前端开发
javascript数组排序的方法
javascript数组排序的方法
555 0

热门文章

最新文章