时间:2021-05-18
今天在用iview做前端页面开发的时候,遇到一个奇葩问题(也许自己主要做后台开发,当时我还纳闷了),我在时间控件中明明选择的是2017-10-19,但是当通过vue的调试器查看的时候,竟然是这样的,如下图:
当时我还纳闷了,这iview的时间控件真神奇,我还百度谷歌了好半天,后来查看官方文档,是我获取时间的方式不是很对,我当时用的是l来v-mode绑定的,这样绑定后获取的时间好像叫utc时间,如果要想获取正确的时间,通过@on-change事件来绑定即可,(注意,用@on-change来获取时间的时候,就不能加v-model了,不然获取的时间还是老样子,这里需要注意下,我就入过坑了),如下代码:
<div class="height-400px" v-show="threeStep"> <div class="layout-content-main" style="margin-left: 50px; margin-top: 30px;"> <FormItem label="时间范围"> <span> <DatePicker type="date" @on-change="getStartTime" placeholder="选择日期" style="width: 200px"></DatePicker> <span>至</span> <DatePicker type="date" @on-change="getEndTime" placeholder="选择日期" style="width: 200px"></DatePicker> </span> </FormItem> </div>至于@on-change时间获取时间代码,我也贴出来了,如下:
getStartTime: function (starTime) { console.log(startTime)},之后再通过Vue的时间旅行看看,我选择的是当前时间,由于我使用的没有带时间,所以选择后就只有年月日了,这个可以根据项目要求去选择哈,如下图所示:
好了,这只是我在使用vue做前端页面时候遇到的一个小小问题,分享出来,希望能帮助到遇到和我一样的人,刚刚开始接触vue,大神就别喷我了哈!
以上这篇解决iView中时间控件选择的时间总是少一天的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
tom应该也很清楚。一天24小时,不能总是访问淘宝。一天有高峰也有平坦的时期。作为淘宝店,开通淘宝直通车需要时间的选择。
登录后1440秒未活动后总是自动退出,一天还要登录多次,终于有时间来解决这个问题了,感觉是session超时,结果在网上search了下,找到解决办法啦,哈哈哈
大家应该也清楚,一天24小时,不可能总是在逛淘宝,一天当中会有高峰期也会有平淡期,作为淘宝商家,如果开通了淘宝直通车就需要去做好时间选择了,下面为大家进行介
具体代码如下所述:Vue.js中使用iView日期选择器并设置开始时间结束时间校验开始时间:结束时间:newVue({el:'#app',data(){retu
客户机的系统日期和服务器日期不为同一天的解决办法如下: 1、如果是XP系统:首先双击桌面右下角的时间,弹出一个调整日期和时间属性的窗口,并直接选择正确的时间,