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);
        }
      },
目录
相关文章
|
25天前
uView time 时间格式
uView time 时间格式
25 0
|
4月前
|
小程序 API
uniapp中uview组件库丰富的Calendar 日历用法
uniapp中uview组件库丰富的Calendar 日历用法
226 0
|
25天前
|
移动开发 小程序 JavaScript
uView Calendar 日历
uView Calendar 日历
24 0
|
C# 前端开发
WPF DatePicker默认显示当前日期,格式化为年月日
原文:WPF DatePicker默认显示当前日期 WPF的日历选择控件默认为当前日期,共有两种方法,一种静态,一种动态。 静态的当然写在DatePicker控件的属性里了,动态的写在对应的cs文件里,具体请看下面。
6223 0
|
5月前
|
C++
C++ Qt开发:DateTime日期时间组件
Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍`QDateTime`日期与时间组件的常用方法及灵活运用。在Qt中,日期和时间的处理通常使用 `QDateTime` 类。`QDateTime` 是一个用于表示日期和时间的类,而与之相关的组件还包括 `QDate` 、 `QTime`以及`QDateTime`,以下是对这些组件的详细概述。
57 0
|
6月前
|
JavaScript 前端开发 程序员
DatePicker 日期选择器,获取系统默认当前年月日
DatePicker 日期选择器,获取系统默认当前年月日
72 0
|
6月前
|
JSON 小程序 JavaScript
微信小程序-vant-weapp日历组件的使用(年月日)
微信小程序-vant-weapp日历组件的使用(年月日)
154 0
|
9月前
|
JavaScript
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
177 0
|
JavaScript API
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
595 0