javascript - mint-ui的datepicker起始日期设置问题,在ios下日期设置失败

查看:379
本文介绍了javascript - mint-ui的datepicker起始日期设置问题,在ios下日期设置失败的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

项目用了mint-ui的datepicker,设置了起始日期,代码如下:

<mt-button @click="open('picker1')" size="large">日期选择</mt-button>
    <br>
    <mt-datetime-picker
      ref="picker1"
      type="date"
      v-model="value1"
      year-format="{value} 年"
      month-format="{value} 月"
      date-format="{value} 日"
      :startDate="startDate"
      :endDate="endDate"
      @confirm="handleChange">
    </mt-datetime-picker>

import { Toast } from 'mint-ui';
export default {
  name: 'hello',
  data () {
    return {
      value: null,
      value1: null,
      //show: true,
      startDate: new Date('2014-1-1'),
      endDate: new Date()
    }
  },
  methods: {
      open(picker) {
        this.$refs[picker].open();
      },
      handleChange(value) {
        this.date1 = value.toString();
        //this.show = true;
        Toast({
          message: '已选择 ' + value.toString(),
          position: 'bottom'
        });
      },
    }
}

在chrome浏览器内调试是正常的,但如果是通过hbuilder打包,然后在ios内运行,那么则会如下的情况:

请问这个是什么问题?在git上看到了这个问题,说这是因为在上面的代码中,new Date()用了非标准写法,而chrome自身兼容了。
那么在上面的代码中,这个标准写法应该怎样写,才能在ios上运行正常?

解决方案

startDate: new Date('2014-1-1')
直接提交更改的年份就可以了,不用提交整个日期。
startDate: new Date('2014')

这篇关于javascript - mint-ui的datepicker起始日期设置问题,在ios下日期设置失败的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆