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 时间格式
116 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
SwiftUI—方便用户选择日期的DatePicker日期拾取器
1645 0
SwiftUI—方便用户选择日期的DatePicker日期拾取器
|
C# 前端开发
WPF DatePicker默认显示当前日期,格式化为年月日
原文:WPF DatePicker默认显示当前日期 WPF的日历选择控件默认为当前日期,共有两种方法,一种静态,一种动态。 静态的当然写在DatePicker控件的属性里了,动态的写在对应的cs文件里,具体请看下面。
6497 0
|
6月前
|
移动开发 小程序 JavaScript
uView Calendar 日历
uView Calendar 日历
102 0
|
JavaScript 前端开发 程序员
DatePicker 日期选择器,获取系统默认当前年月日
DatePicker 日期选择器,获取系统默认当前年月日
468 0
|
JavaScript
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
vue element-ui (DatePicker)日期选择器获取开始时间和结束时间-均为yyyy-MM-dd 格式
378 0
|
JavaScript API
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
elementUI中的el-date-picker日期月份时间选择器禁用选中当前和以后的日期
1151 0
|
前端开发
前端工作总结296-uni-ele-el-date-picker限制选择时间
前端工作总结296-uni-ele-el-date-picker限制选择时间
120 0
前端工作总结296-uni-ele-el-date-picker限制选择时间
uniapp的picker日期转时间戳多8小时问题
uniapp的picker组件前段时间用的时候发现一个很神奇的问题,就是选择后生成的时间戳会多出8小时
285 0
|
Android开发
Android日期选择器,年月日判断处理。
Android日期选择器,年月日判断处理。
315 0
Android日期选择器,年月日判断处理。