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

js 获取当前时间与前一个月时间

// 获取当前时间的毫秒数
var currentTimeMillis = new Date().getTime();
 
// 获取前一个月的Date对象
var dateLastMonth = new Date();
dateLastMonth.setMonth(dateLastMonth.getMonth() - 1);
 
// 获取前一个月的毫秒数
var timeMillisLastMonth = dateLastMonth.getTime();
 
console.log("当前时间的毫秒数:", currentTimeMillis);
console.log("前一个月的毫秒数:", timeMillisLastMonth);

如果要在饿了么日期组件使用,比如默认时间为当前时间到过去一个月时间

实现代码如下

 <el-date-picker 
     v-model="value1" 
     type="daterange" 
     range-separator="至" 
     start-placeholder="开始时间"
     style="width: 195px;" 
     prefix-icon="none" 
     @change="getdatePickTime"
     end-placeholder="结束时间">
</el-date-picker>


data(){
  return {
     value1: [new Date().setMonth(new Date().getMonth() - 1), new Date()],
   }
}

如果需要添加快捷键

 

 <el-date-picker 
     v-model="value1" 
     :picker-options="pickerOptions"
     type="daterange" 
     range-separator="至" 
     start-placeholder="开始时间"
     style="width: 195px;" 
     prefix-icon="none" 
     @change="getdatePickTime"
     end-placeholder="结束时间">
</el-date-picker>


data(){
  return {
        value1: [new Date().setMonth(new Date().getMonth() - 1), new Date()],
        pickerOptions: {
          shortcuts: [{
            text: '最近一周',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近一个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
              picker.$emit('pick', [start, end]);
            }
          }, {
            text: '最近三个月',
            onClick(picker) {
              const end = new Date();
              const start = new Date();
              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
              picker.$emit('pick', [start, end]);
            }
          }]
        },
   }
}


http://www.kler.cn/a/371228.html

相关文章:

  • SSE部署后无法连接问题解决
  • Unreal Engine 5 C++ Advanced Action RPG 八章笔记
  • 计算机网络速成
  • 快速排序介绍
  • Redis :redis的大Key问题
  • 《AI赋能鸿蒙Next,开启智能关卡设计新时代》
  • 015:地理信息系统开发平台ArcGIS Engine10.2与ArcGIS SDK for the Microsoft .NET Framework安装教程
  • 【JavaEE初阶】网络原理—关于TCP协议值滑动窗口与流量控制,进来看看吧!!!
  • 2024年1024程序人生总结
  • Linux基础—基础命令及相关知识5(ubuntu网络配置)
  • 【C语言】预处理(预编译)详解(下)(C语言最终篇)
  • Mac 电脑 使用sudo创建项目后,给了读写权限,仍报权限问题
  • 《基于 Excel 和 CSV 文件数据的迁移学习应用》
  • OmicsTools软件和R语言分析环境安装配置答疑汇总最新版
  • 算法练习:209. 长度最小的子数组
  • Python中的数据可视化:Matplotlib基础与高级技巧
  • pikachu-XSS闯关挑战
  • 零售EDI:HornBach EDI 项目案例
  • 探索国际数据空间(IDS)架构(上)
  • 控制台安全内部:创新如何塑造未来的硬件保护
  • Android Studio获取本地aar,最新依赖jar/aar
  • Geotrust SSL证书
  • 推荐一款开源的免费PDF编辑工具:CubePDF Utility
  • 用Python在Excel工作表中添加、修改及删除超链接
  • 【MySQL】 运维篇—MySQL安装与配置:常用配置文件的解析与优化
  • Linux下使用C/C++进行UDP网络编程