码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • vue3+antd中使用Dayjs实现输出的日期格式化,和限制自定义日期选择器的可选范围


    场景复现

    在vue3+antd项目中用到了日期选择器,但是默认的日期选择的结果是标准的日期格式,我们往往需要对最后的结果进行一定的格式化输出
    在这里插入图片描述
    一般输出的是这种标准的数据格式
    在这里插入图片描述
    如果我们想对时间进行指定的格式化输出,通常大家会想到moment,但是这里我们使用的是antd框架,在 V3 版本开始,默认使用 dayjs 替换了 momentjs 库,所以我们这里可以使用同样功能强大的dayjs库,不需要额外的下载安装
    在这里插入图片描述

    Day.js的使用

    关于dayjs的使用,功能同样非常强大,更多功能可以移步 官方文档
    我们现在想要将上面的时间数据格式化输出为 2020-11-1的格式,则可以用如下使用方法:
    先进行引入:

    import dayjs,
    • 相关阅读:
      web前端期末大作业:JavaScript大作业——福五鼠动漫网页制作(6页)带轮播图效果 学生个人单页面网页作业 学生网页设计成品 静态HTML网页单页制作
      Android入门第32天-Android中的Alert Dialog的使用大全
      python处理保存富文本内容到数据库中报语法错误的问题
      vue 小程序 多层嵌套-触发子组件事件问题
      机器学习中的 K-均值聚类算法及其优缺点
      node版本升级:与node-sass、sass-loader版本不兼容问题以及npm install时报错问题解决方法
      vscode中Chinese (Simplified)汉化无效解决方法
      mysql计算2个日期的月份差和天数差
      oracle使用正则表达式REGEXP_SUBSTR提取XML里面的内容
      Day41信息收集
    • 原文地址:https://blog.csdn.net/weixin_45745641/article/details/127622229
    • 最新文章
    • 攻防演习之三天拿下官网站群
      数据安全治理学习——前期安全规划和安全管理体系建设
      企业安全 | 企业内一次钓鱼演练准备过程
      内网渗透测试 | Kerberos协议及其部分攻击手法
      0day的产生 | 不懂代码的"代码审计"
      安装scrcpy-client模块av模块异常,环境问题解决方案
      leetcode hot100【LeetCode 279. 完全平方数】java实现
      OpenWrt下安装Mosquitto
      AnatoMask论文汇总
      【AI日记】24.11.01 LangChain、openai api和github copilot
    • 热门文章
    • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
      奉劝各位学弟学妹们,该打造你的技术影响力了!
      五年了,我在 CSDN 的两个一百万。
      Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
      面试官都震惊,你这网络基础可以啊!
      你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
      心情不好的时候,用 Python 画棵樱花树送给自己吧
      通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
      13 万字 C 语言从入门到精通保姆级教程2021 年版
      10行代码集2000张美女图,Python爬虫120例,再上征途
    Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
    正则表达式工具 cron表达式工具 密码生成工具

    京公网安备 11010502049817号