关于iView中的时间控件选择的时间总是少一天的问题
来源:互联网 发布:阿里云vs腾讯云 编辑:程序博客网 时间:2024/05/16 12:34
iView中时间控件选择时间不一致的解决办法
今天在用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,大神就别喷我了哈!
阅读全文
1 0
- 关于iView中的时间控件选择的时间总是少一天的问题
- ios 获取的时间与实际时间少一天
- 时间总是那么少
- 关于SimpleDateFormat时间转换总是显示1970年的问题
- 关于时间转换总是显示1970年的问题
- 关于datetimepicker选择时间时 时间不改变的问题
- AppiumLibrary 时间控件的选择
- 时间控件的问题
- 关于时间的问题
- 关于时间的问题
- 关于两个时间控件开始时间到结束时间的问题(含中文设置)
- 关于服务器上tomcat获取时间少8个小时的问题
- (转)关于服务器上tomcat获取时间少8个小时的问题
- 奇怪的问题:在IE6中显示FTP中的文件修改时间少一年
- 带时间选择的JS日期控件
- 日历控件----包含时间的选择
- 带时间的日期选择web控件
- 可以选择时间的日历控件
- ABAP 可执行程序的流
- ssh上传遇到的可笑问题
- 【bootstrap】 bootstrap-modal: 点击遮罩层不关闭modal
- PHP、HTML端调用OC
- 生成若干位随机数
- 关于iView中的时间控件选择的时间总是少一天的问题
- 2017中国(天津)国际汽车制造技术与装备展览会-中国制(工)博会会刊(参展商名录)
- python的f.read()和f.readline()以及输出固定行
- Spring、Spring MVC、MyBatis整合文件配置详解
- 解决value toDF is not a member of org.apache.spark.rdd.RDD[People]
- Activiti工作流之基础概念介绍
- 数据清洗
- Java三大特性详解--封装
- LeetCode 28 Implement strStr()