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上运行正常?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(9)
startDate: new Date('2014-1-1')
直接提交更改的年份就可以了,不用提交整个日期。
startDate: new Date('2014')
同碰到这个问题。原因是ios不认
startDate: new Date('2014-1-1')
这种方式。
改成:
startDate: new Date('2014/1/1') 就可以了
startDate: new Date('2014-01-01')
请问如何关闭这个picker呢
我跟你遇到一样的问题,坑死人了! 我是datetime加时分秒的
将你的写成这样的格式: new Date(2014-01-01)
二楼正解。在ios系统无法使用new Date('2014-1-1')这种格式,安卓和PC是没问题的,ios只能new Date('2014/1/1')这样,这样是所有系统都兼容的写法。
实在不行就自己写个picker 吧
楼主 我想问你一下 你有没有 碰见 在ios 下 日期选择弹出来 上下滑动日期的时候,遮罩后边的页面 也会跟着上下移动的问题? 我出现这问题,你知道什么原因吗?