【Ionic】Ionic自动计算时间+时间验证(Datatime,readonly,toFixed,parse)
来源:互联网 发布:外贸邮箱软件 编辑:程序博客网 时间:2024/06/05 05:04
一、起因
因为要做一个请假,满足一下要求:
1、结束时间不能小于开始时间;
2、开始时间和结束时间可以调到过去的时间,考虑到补假;
3、如果请假天数小于0,则不让提交;
4、请假天数不允许编辑,是自动计算的;
二、解决办法
1、初始化(源代码)
constructor(private navCtrl:NavController, private navParams:NavParams, private viewCtrl:ViewController, public alertCtrl:AlertController, private appService:AppService, private toastCtrl: ToastController, private leaveService: LeaveService, private loadingCtrl:LoadingController){ this.newLeave.dateStart=new Date(new Date().getTime()+8*60*60*1000).toISOString();//计划请假从 this.newLeave.dateEnd=new Date(new Date().getTime()+8*60*60*1000).toISOString();//计划请假至 this.newLeave.sqsj=new Date(new Date().getTime()+8*60*60*1000).toISOString();//申请时间 this.newLeave.leaveKinds='事假'; this.newLeave.qjts=(Date.parse(this.newLeave.dateEnd)-Date.parse(this.newLeave.dateStart))/(1000*60+60*24) }
2、截图
3、说明
3.1、时间类后面加了一个8*60*60*10000
这个是8小时的时区时差,我们东八区的时间比国际时间少了8个小时,要补上;
3.2、toISOString():是Ionic插件<ion-datetime></ion-datetime>
默认的显示时间格式;
3.3 Date.parse()方法是将ISOString类型的时间变成Date类型的时间;
4、时间验证
这里在开始时间和结束时间那里都加了一个时间变化验证:
4.1、html:
这里,请假天数是不允许编辑的,用了一个readonly=”true”属性;
4.2、TS逻辑:
这里用了一个toFixed()方法,四舍五入,保留1位小数;因为允许半天假,小时假;
欢迎关注我的公众号:
【幕桥社区】
阅读全文
0 0
- 【Ionic】Ionic自动计算时间+时间验证(Datatime,readonly,toFixed,parse)
- Ionic时间选择插件
- ionic 时间选择说明
- ionic 获取时间
- ionic 格式化时间
- ionic -- 开机动画时间设计
- ionic 运行报 parse Ionic Config file
- ionic之时间&日期组件实例
- ionic 开发中用到的时间选择器
- ionic类似时间轴的实现
- Ionic
- ionic
- Ionic
- Ionic
- ionic
- Ionic
- ionic
- Ionic
- 寻找若干个字符串的最长公共前缀
- 关于引用easyui在谷歌浏览器报错
- J2EE框架(三)Reflect
- 三十二、面向对象
- 仿今日头条——主页面F1+频道管理
- 【Ionic】Ionic自动计算时间+时间验证(Datatime,readonly,toFixed,parse)
- Flex 布局教程:语法篇
- ListView动态加载
- 论文笔记--Appearance-and-Relation Networks for Video Classification
- Nexus OSS私服仓库的备份与迁移
- ubuntu下 python 好用的IDE
- C++ 虚函数表解析
- IT与风投
- js 面试题总结