当前位置: 首页 > news >正文

npm实现格式化时间---就是实现时间按照要求输出--moment包

传统的格式化时间方法:就是自己写模块 然后创建接口

  • 创建格式化时间的自定义函数
  • 定义格式化时间的方法
  • 创建补零函数
  • 从自定义模块中导出格式化时间函数

使用了new 创建日期对象

getFullYear年        getMonth月-1 getDate日 getHours时 getMinutes分钟  getSeconds秒

   `${y}-${m}-${d} ${h}:${min}:${s}` 返回格式

//定义补零的函数 需要进行补零

function dateFormat(DateStr){//定义方法 接收时间的字符串
    const dt=new Date(DateStr);
    const y=dt.getFullYear();//年 月

    const m=padZero(dt.getMonth()+1);//getMonth输出的是0-11的月份,对应的要进行相加
    const d=padZero(dt.getDate());//
    const h=padZero(dt.getHours());
    const min=padZero(dt.getMinutes());
    const s=padZero(dt.getSeconds());


    return `${y}-${m}-${d} ${h}:${min}:${s}`

}
//定义补零的函数
function padZero(n){//接收数字n
  return  n>9 ? n : '0'+ n;//时间=1-01

}

module.exports={
    dateFormat//将方法导出
}
const f1=require('./dateformat');//加载自定义模块---会加载模块的所有内容

const dt=new Date();//需要格式化的时间
console.log(dt);

const time=f1.dateFormat(dt);//时间格式化
console.log(time);

 


使用npm导入第三方的包--使用常量接收--不需要自己去写相关模块

  • 使用npm包管理工具,在项目中安装格式化时间的包moment
  • 使用require()导入格式化时间的包
  • 参考moment官方API文档对时间进行格式化

使用nmp在项目中安装包

首先需要在项目中安装包:npm install 包的完整名称 

 简写格式:npm i 完整包的名称

npm i moment

 使用包对时间进行格式化--------注意导入的所有的包使用 require导入的时候需要是字符串

const moment =require('moment')

之后去查阅npm中的官方npm (npmjs.com)

 查看包文档(有点慢·)

 

 

 

 


const moment =require('moment')

const dt =moment().format('YYYY-MM-DD HH:mm:ss')
console.log(dt)
//一个小m表示没有两位小数
const d =moment().format('YYYY-MM-DD HH:m:ss')
console.log(d)

 

相关文章:

  • webdriver API进阶
  • 除自身以外数组的乘积、找到所有数组中消失的数字、两数之和
  • 四川农信分布式核心设计及验证项目成果专家评审会召开
  • 快速知识蒸馏的视觉框架-来自卡耐基梅隆大学等单位
  • c++ 11 线程支持 (std::promise)
  • 一篇文章带你看清C语言中的类型转换规则
  • 单海军:行业AI平台赋能金融企业数智化转型
  • Jmeter接口自动化(十)断言
  • C++ 小游戏 视频及资料集(7)
  • 计算机网络笔记(王道考研) 第二章:物理层
  • TCP的连接过程——三次握手和四次挥手
  • tensorflow2从入门到精通——DCGAN算法实现
  • 反欺诈黑产总结
  • 学术报告系列(七) - Critical Scenario Based SOTIF Validation Method
  • [ vulhub漏洞复现篇 ] JBOSS AS 5.x/6.x反序列化远程代码执行漏洞CVE-2017-12149
  • JS中 map, filter, some, every, forEach, for in, for of 用法总结
  • 0基础学习移动端适配
  • Android组件 - 收藏集 - 掘金
  • Debian下无root权限使用Python访问Oracle
  • iOS 颜色设置看我就够了
  • javascript从右向左截取指定位数字符的3种方法
  • java中具有继承关系的类及其对象初始化顺序
  • Python_OOP
  • Travix是如何部署应用程序到Kubernetes上的
  • 技术胖1-4季视频复习— (看视频笔记)
  • 如何胜任知名企业的商业数据分析师?
  • 三栏布局总结
  • 手写双向链表LinkedList的几个常用功能
  • 微信小程序设置上一页数据
  • 我从编程教室毕业
  • 用Canvas画一棵二叉树
  • 用简单代码看卷积组块发展
  • ###STL(标准模板库)
  • #1014 : Trie树
  • #HarmonyOS:软件安装window和mac预览Hello World
  • $GOPATH/go.mod exists but should not goland
  • $redis-setphp_redis Set命令,php操作Redis Set函数介绍
  • ( 10 )MySQL中的外键
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (react踩过的坑)Antd Select(设置了labelInValue)在FormItem中initialValue的问题
  • (免费领源码)Python#MySQL图书馆管理系统071718-计算机毕业设计项目选题推荐
  • (三维重建学习)已有位姿放入colmap和3D Gaussian Splatting训练
  • (数位dp) 算法竞赛入门到进阶 书本题集
  • (算法)前K大的和
  • (转)c++ std::pair 与 std::make
  • (转)清华学霸演讲稿:永远不要说你已经尽力了
  • ***汇编语言 实验16 编写包含多个功能子程序的中断例程
  • .NET Compact Framework 多线程环境下的UI异步刷新
  • .NET/C# 利用 Walterlv.WeakEvents 高性能地定义和使用弱事件
  • .NET/C# 使窗口永不获得焦点
  • .NET单元测试
  • ::前边啥也没有
  • [Android]How to use FFmpeg to decode Android f...
  • [CTF]php is_numeric绕过
  • [EFI]Atermiter X99 Turbo D4 E5-2630v3电脑 Hackintosh 黑苹果efi引导文件