业务需求一：
比如我们在写后台管理系统的时候，有一些form表单数据为空的时候可以直接不用传入参数，
传入可能会影响后台接口的准确性.
删除json对象为空的属性
function deleteEmpty(form){
if (Object.prototype.toString.call(form) === '[object Object]') {
let keys = Object.keys(form);
for (let i = 0; i < keys.length; i++) {
let itemKey = keys[i];
if (!form[itemKey]&&form[itemKey]!=0) {
delete form[itemKey];
}
}
}
return form
}
业务需求二：
比如我们进入一个后台表格列表页，点击进入详情,由于我也是第一次用vue的element-ui组件做后台系统管理界面的开发，比如我们需要在进入某一个页面的时候，发现element-ui的el-radio组件的时候，如果后台返回的是数字1,2这样子的值我们要手动的将详情对象的value如果是数字类型的直接全部转换为字符串类型，这样el-radio的单选按钮在进入页面的时候就可以勾选了，处理的事例代码如下：
/*
* @Author: chentao
* @Date: 2021-05-20 15:53:06
* @Last Modified by: chentao
* @Last Modified time: 2021-05-27 17:23:01
* 将对象的value由number类型转换为字符串类型
*/
export const objectValueNumberToString = function (object) {
if (Object.prototype.toString.call(object) === '[object Object]') {
const keys = Object.keys(object);
keys.forEach((itemKey, index) => {
console.log('itemKey', itemKey)
if (typeof object[itemKey] == 'number') {
console.log('itemKey', itemKey)
//将number类型的转换为字符串
object[itemKey] = object[itemKey] + ''
}
})
}
return object
}
export default {
objectValueNumberToString
}
业务需求三：
我们平时经常会用到前端的时间转换，做过前端的都知道我们是用new Date这个对象来操作
小需求1：获取系统当前时间，将系统时间转换为时间戳，有时候后台可能只需要时间戳，示例代码如下：
var now =new Date(); //获取系统当前时间
var now.getTime(); //转变为时间戳 输出 当前时间戳1622259101760
小需求2: 比如有时候获取表格数据，后台可能返回给前端一个时间戳，那这个时候我们要通过时间戳转日期格式，示例代码如下：
1.首先进入我的时间戳转年月日格式代码如下：
//获取年月日
const getDateFormat = function (now) {
let year = now.getFullYear(); //年
let month = now.getMonth() + 1; //月
let day = now.getDate(); //日
let hh = now.getHours(); //时
let mm = now.getMinutes(); //分
let ss = now.getSeconds(); //秒
let clock = year + "-";
if (month < 10) {
clock += "0";
}
clock += month + "-";
if (day < 10) {
clock += "0";
}
return clock
}
//时间格式化时分秒
const getTimeFormat = function (now) {
var hh = now.getHours(); //时
var mm = now.getMinutes(); //分
var ss = now.getSeconds(); //秒
var clock = "";
if (hh < 10) {
clock += "0";
}
clock += hh + ":";
if (mm < 10) {
clock += "0";
}
clock += mm + ":";
if (ss < 10) {
clock += "0";
}
clock += ss;
return clock;
}
//时间格式化将new Date()对象转换为00:00:00格式
const getAllTimeFormat = function (now) {
let year = now.getFullYear(); //年
let month = now.getMonth() + 1; //月
let day = now.getDate(); //日
let hh = now.getHours(); //时
let mm = now.getMinutes(); //分
let ss = now.getSeconds(); //秒
let clock = year + "-";
if (month < 10) {
clock += "0";
}
clock += month + "-";
if (day < 10) {
clock += "0";
}
clock += day + " ";
if (hh < 10) {
clock += "0";
}
clock += hh + ":";
if (mm < 10) {
clock += "0";
}
clock += mm + ":";
if (ss < 10) {
clock += "0";
}
clock += ss;
return clock;
}
//2个date天 day1='2014-03-31 00:00:01'; day2=2014-03-31 00:00:01这种格式
function getDay(day1, day2) {
var s = day1;
var dt = Date.parse(s.replace(/-/g, "/"));
var day1 = new Date(dt);
var s = day2;
var dt = Date.parse(s.replace(/-/g, "/"));
var day2 = new Date(dt);
var date3 = day1.getTime() - day2.getTime() //时间差的毫秒数
//计算出相差天数
return Math.floor(date3 / (24 * 3600 * 1000))
}
export {
getDateFormat,
getTimeFormat,
getAllTimeFormat,
getDay
}
//通过上面的getAllTimeFormat()方法来显示成2021-05-29 11:35:35;
