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);
        }
      },
目录
相关文章
|
6月前
uView time 时间格式
uView time 时间格式
108 0
|
6月前
|
小程序 API
uniapp中uview组件库丰富的Calendar 日历用法
uniapp中uview组件库丰富的Calendar 日历用法
651 0
|
C# 图形学
Unity获取系统时间-所有显示方式 DateTime类详解
Unity获取系统时间-所有显示方式 DateTime类详解 本文提供全流程,中文翻译。助力快速理解 Unity 以及 DateTime 时间类的用法 Unity获取系统时间 DateTime 类教程详解 Unity 中我们要获取时间,只需要使用 System 命名空间下的 DateTim.
6179 0
|
C# 前端开发
WPF DatePicker默认显示当前日期,格式化为年月日
原文:WPF DatePicker默认显示当前日期 WPF的日历选择控件默认为当前日期,共有两种方法,一种静态,一种动态。 静态的当然写在DatePicker控件的属性里了,动态的写在对应的cs文件里,具体请看下面。
6479 0
|
4月前
|
JavaScript
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
vue 农历日期转公历日期(含插件 js-calendar-converter 使用教程)
226 0
|
12月前
|
JavaScript 前端开发 程序员
DatePicker 日期选择器,获取系统默认当前年月日
DatePicker 日期选择器,获取系统默认当前年月日
449 0
189Echarts - 日历坐标系(Custom Calendar Icon)
189Echarts - 日历坐标系(Custom Calendar Icon)
44 0
|
JavaScript
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
368 0
|
JavaScript API
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
1103 0