选取日历组件时间,当选择同一天的时候会出现选择不了的情况
2017-05-10 00:00
393 查看
摘要: 时间格式
this.datePipe.transform -> 管道转换格式,由于上图的endTime是通过日历组件获取时间,时间会拿到前一天的日期和08:00:00, (eg: Tue Jun 05 2017 08:00:00 GMT+0800, 这里我明明选择了6月6日),当通过管道转换后的日期为字符串(eg: '2017-06-06 23:59:59'),但在后台作数据选择要通过标准的日期格式去筛选数据,所以很自然的再次 new Date('2017-06-06 23:59:59')一次,让其转换成标准的日期格式,但就在这里坑出来了,new Date()如果要传参数获取标准的日期格式,只能一下两种传
new Date(2009,1,1); //正确 这不是字符串
new Date("2009/1/1"); //正确
new Date("2009-1-1"); //错误
所以才会出现下面的方法取转换时间格式,简单的2017-06-06转换不了
为何要两次转换,因为ng2的内置管道DatePipe只能通过'-'去选择格式,迫于无奈要两次转换。
let endTime = this.datePipe.transform(this.flowRequestVo.endTime, 'yyyy-MM-dd 23:59:59'); this.flowRequestVo.endTime = this.getDate(endTime);
this.datePipe.transform -> 管道转换格式,由于上图的endTime是通过日历组件获取时间,时间会拿到前一天的日期和08:00:00, (eg: Tue Jun 05 2017 08:00:00 GMT+0800, 这里我明明选择了6月6日),当通过管道转换后的日期为字符串(eg: '2017-06-06 23:59:59'),但在后台作数据选择要通过标准的日期格式去筛选数据,所以很自然的再次 new Date('2017-06-06 23:59:59')一次,让其转换成标准的日期格式,但就在这里坑出来了,new Date()如果要传参数获取标准的日期格式,只能一下两种传
new Date(2009,1,1); //正确 这不是字符串
new Date("2009/1/1"); //正确
new Date("2009-1-1"); //错误
所以才会出现下面的方法取转换时间格式,简单的2017-06-06转换不了
/** * 将字符串的日期转换为标准日期格式 * @param strDate * @returns {Date} */ getDate(strDate): any { strDate = strDate.replace(/-/g,"/"); return new Date(strDate); }
为何要两次转换,因为ng2的内置管道DatePipe只能通过'-'去选择格式,迫于无奈要两次转换。
相关文章推荐
- 行程日历组件:选择开始和结束日期+滑动选择时间
- Python 调用datetime或者time获取时间的时候以及时间转换,最好设置一下时区 否则会出现相差8个小时的情况
- android基础-Toast提示框、日历视图(CalendarView)组件、日期、时间选择器DatePicker和TimerPicker等
- 各种杂项组件(3)之--CalendarView(日历视图)、DatePicker/TimePicker(日期、时间选择器)、NumberPicker(数值选择器)
- ExtJS4 日历控件datefield 解决选择时间一天
- 安装Microsoft Visual Studio 2008的时候,经常会出现Microsoft Visual Studio Web创作组件安装失败的情况
- 选择radio 中有YES的选项的时候,显示DIV内容,选择NO的时间,DIV内容隐藏
- workspace中改派时选择的参与者为中文名字会出现乱码的情况
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件
- 第九章中位数和顺序统计学 之 “寻找第i小元素之最坏情况线性时间的选择 最坏运行时间就为O(n)算法”
- 12款优秀的 JavaScript 日历和时间选择控件
- 移植WL18XX到高通的时候,会出现几个.KO文件没有编译出来的情况
- [转]添加/删除Windows组件无法选择IIS安装的情况下用IIS安装包安装
- RadioButton默认选中后,会出现选择2个的情况
- 可以选择时间的日历控件js
- JS日历控件 (兼容IE firefox) 可选择时间
- 精心挑选12款优秀的 JavaScript 日历和时间选择插件
- Flex - 用于选择时间范围的组件
- SQL 关于错误的日期转换时间戳 , 会出现什么情况