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);
        }
      },
目录
相关文章
|
JavaScript 前端开发
vue element plus Empty 空状态
vue element plus Empty 空状态
561 0
vue element plus Empty 空状态
Maximum call stack size exceeded报错的原因及解决办法
Maximum call stack size exceeded报错的原因及解决办法
4294 0
|
存储 移动开发 小程序
【uniapp小程序】上传图片
【uniapp小程序】上传图片
2625 0
【uniapp小程序】上传图片
|
移动开发 小程序
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
小程序-uniapp:URL Link / 适用于在移动端 从短信、邮件、微信外网页 等场景打开小程序任意页面
1555 0
|
XML JavaScript 数据格式
uni-app 根据用户不同身份显示不同的tabBar
uni-app 根据用户不同身份显示不同的tabBar
1245 63
|
iOS开发 开发者 Windows
uniapp云打包ios应用证书的获取方法,生成指南
打包用到的一共两个文件,一个是p12格式的私钥证书,一个是证书profile文件。其中生成p12证书的时候,按照官网的教程,是需要MAC电脑来协助做的,主要是生成一些csr文件和导出p12证书等。其实这些步骤也可以借助一些其他的工具来实现,不一定使用mac电脑,用windows电脑也可以创建。
1418 0
|
移动开发 小程序 API
uniapp中uview组件库的丰富Upload 上传上午用法
uniapp中uview组件库的丰富Upload 上传上午用法
963 0
el-table复选框全部勾选以及勾选回显
el-table复选框全部勾选以及勾选回显
1962 0
|
小程序 API 索引
uniapp中uview组件库的DatetimePicker 选择器的用法
uniapp中uview组件库的DatetimePicker 选择器的用法
3324 0
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
Element UI【组件拓展】el-datetime-picker-before 禁止选择未来时间的日期时间选择器(精确到时分秒)
727 1

热门文章

最新文章