首页 > 其他分享 >js日期时间前端转换

js日期时间前端转换

时间:2024-08-02 10:27:45浏览次数:7  
标签:return 前端 value js 日期 toString dateValue Date const

//转换列值
    //数据库表字段是datetime(2,7)
    transformColumnValue(scope, column) {
      const type = column.type;
      let value = scope.row[column.property.dataField.value];
      console.log('value', value, Date.parse(value), new Date(Date.parse(value)));
      //value = '2019-12-11 16:15:00';
      value = 'Wed Dec 11 2019 16:15:00 GMT+0800 (中国标准时间)';
      if (this.checkDateIsIllegal(value)) {
        const dateValue = new Date(Date.parse(value));
        return this.tansfromValue(dateValue, type);
      }
      return value;
    },
    //日期类型是否转换成功
    checkDateIsIllegal(value) {
      const dateParseValue = Date.parse(value);
      if (dateParseValue < 0) return false;
      if (isNaN(dateParseValue)) return false;
      return true;
    },
    //转换值
    tansfromValue(dateValue, type) {
      switch (type) {
        case 'date':
          dateValue = this.transformDateValue(dateValue);
          break;
        case 'time':
          dateValue = this.transformTimeValue(dateValue);
          break;
        case 'datetime':
          dateValue = this.transformDateTimeValue(dateValue);
          break;
        default:
          break;
      }
      return dateValue;
    },
    //转换日期值
    transformDateValue(dateValue) {
      const strMonth = (dateValue.getMonth() + 1).toString().padStart(2, '0');
      const strDate = dateValue.getDate().toString().padStart(2, '0');
      //时间格式yyyy-MM-dd
      return `${dateValue.getFullYear()}-${strMonth}-${strDate}`;
    },
    //转换时间值
    transformTimeValue(dateValue) {
      const strHours = dateValue.getHours().toString().padStart(2, '0');
      const strMinutes = dateValue.getMinutes().toString().padStart(2, '0');
      const strSeconds = dateValue.getSeconds().toString().padStart(2, '0');
      return `${strHours}:${strMinutes}:${strSeconds}`;
    },
    //转换日期时间值
    transformDateTimeValue(dateValue) {
      return `${this.transformDateValue(dateValue)} ${this.transformTimeValue(dateValue)}`;
    },

 

标签:return,前端,value,js,日期,toString,dateValue,Date,const
From: https://www.cnblogs.com/jishugaochao/p/12485110.html

相关文章

  • 现代前端架构介绍(第一部分):App是如何由不同的构建块构成的
    远离JavaScript疲劳和框架大战,了解真正重要的东西几周前,我的同事们对我们的前端架构、代码结构和面临的挑战很感兴趣。在做了几次关于如何构建可扩展且健壮的前端的演讲后,我觉得把它们都总结一下并与社区分享我们的策略是一个不错的主意。废话不多说,以下是第一部分。......
  • 浅析前端数据埋点监控:用户行为与性能分析的桥梁
    在数字化时代,数据是企业决策的重要依据。前端作为用户与产品交互的第一线,其数据埋点监控不仅能够收集用户行为数据,帮助产品团队洞察用户需求,优化用户体验,还能分析性能数据,确保产品运行的流畅性。简单来说就是,为了更有效地优化工厂的运营和布局,我们可以通过在工厂的关键区域安装监......
  • 一个纯前端实现的头像生成网站
    大家好,我是Java陈序员。今天,给大家介绍一个纯前端实现的头像生成网站。关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍vue-color-avatar——一款基于Vite+Vue3实现的矢量风格头像的生成器,你可以搭配不同的素材组......
  • 一句JS代码,实现随机颜色的生成
    今天我们只用一句JS代码,实现随机颜色的生成,首先看一下效果:每次刷新浏览器背景颜色都不一样实现此效果的JS函数 :letrandomColor=()=>...:定义一个箭头函数randomColor,用于生成一个随机颜色。Math.random():生成一个0到1之间的随机数。Math.random()*0xffff......
  • easyui-datebox 只显示月份选择,默认开启月份,隐藏日期选择框
    如果你使用​​easyui-datebox​​​并希望隐藏日期选择框,只显示月份选择,可以通过一些自定义代码来实现。虽然EasyUI没有直接提供这种功能,但可以通过自定义​​formatter​​​和​​parser​​​方法,以及修改​​onShowPanel​​事件来实现这个功能。以下是一个详......
  • 前端使用 Konva 实现可视化设计器(19)- 连接线 - 直线、折线
    本章响应小伙伴的反馈,除了算法自动画连接线(仍需优化完善),实现了可以手动绘制直线、折线连接线功能。请大家动动小手,给我一个免费的Star吧~大家如果发现了Bug,欢迎来提Issue哟~github源码gitee源码示例地址模式切换前置工作连接线模式种类//src/Render/types.tse......
  • 15. 序列化模块json和pickle、os模块
    1.序列化模块 1.1序列化与反序列化(1)序列化将原本的python数据类型字典、列表、元组转换成json格式字符串的过程就叫序列化(2)反序列化将json格式字符串转换成python数据类型字典、列表、元组的过程就叫反序列化(3)为什么要序列化计算机文件中没有字典这种数据类型,将字典中......
  • js reduce 根据sku属性生成sku
    如何使用JavaScript中的reduce函数来生成SKU属性的SKU。SKU(StockKeepingUnit)通常用于唯一标识商品或库存。假设你有一个包含商品属性的数组,例如:constproperties=[{name:'颜色',value:'红色'},{name:'尺寸',value:'XL'},{name:'材质',valu......
  • js slice 截取数组使用
    slice()是JavaScript中用于提取数组的一部分或字符串的一部分的方法。slice()不会修改原始数组或字符串,而是返回一个新数组或字符串。对于数组语法:array.slice(begin,end)begin:要提取的起始索引(包含)。如果省略,默认从索引0开始。end:要提取的结束索引(不包含)。如果省略......
  • js splice使用,增删数组操作方式
    splice是JavaScript数组对象的一个方法,用于增删数组中的元素。它的基本语法如下:array.splice(start,deleteCount,item1,item2,...)start:指定开始修改的位置索引。deleteCount:可选,指定要删除的元素个数。如果为0,则不删除元素,只插入新元素。item1,item2,...:可选,要插......