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

发布于 2022-09-06 09:48:07 字数 1435 浏览 16 评论 0

项目用了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上运行正常?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(9

岛歌少女 2022-09-13 09:48:07

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

七月上 2022-09-13 09:48:07

同碰到这个问题。原因是ios不认
startDate: new Date('2014-1-1')
这种方式。
改成:
startDate: new Date('2014/1/1') 就可以了

雄赳赳气昂昂 2022-09-13 09:48:07

startDate: new Date('2014-01-01')

慢慢从新开始 2022-09-13 09:48:07

请问如何关闭这个picker呢

落在眉间の轻吻 2022-09-13 09:48:07

我跟你遇到一样的问题,坑死人了! 我是datetime加时分秒的

-黛色若梦 2022-09-13 09:48:07

将你的写成这样的格式: new Date(2014-01-01)

弄潮 2022-09-13 09:48:07

二楼正解。在ios系统无法使用new Date('2014-1-1')这种格式,安卓和PC是没问题的,ios只能new Date('2014/1/1')这样,这样是所有系统都兼容的写法。

烟花易冷人易散 2022-09-13 09:48:07

实在不行就自己写个picker 吧

紫竹語嫣☆ 2022-09-13 09:48:07

楼主 我想问你一下 你有没有 碰见 在ios 下 日期选择弹出来 上下滑动日期的时候,遮罩后边的页面 也会跟着上下移动的问题? 我出现这问题,你知道什么原因吗?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文