2 日期对象的常用方法
  1. 获取年月日时分秒 (月份+1)
  2. 获取星期
  3. 获取毫秒数
  4. 日期比较
  5. moment.js 日期函数库
    http://momentjs.cn/
  6. 一个cdn网站: https://www.bootcdn.cn/
  1. <script>
  2. // 创建日期对象方式1
  3. var date1 = new Date();
  4. console.log('date1=', date1);
  5. // 方式2, 参数可以是一个日期的字符串
  6. var date2 = new Date('2020-06-24');
  7. console.log('date2=', date2);
  8. // 方式3, 返回1970到现在的毫秒数
  9. var date3 = Date.now();
  10. console.log('date3=', date3);
  11. // 方式4, 参数可以是一个毫秒数
  12. var date4 = new Date(1624497306713);
  13. console.log('date4', date4);
  14. var date4 = new Date(0);
  15. console.log('date4', date4);
  16. </script>
  1. <script>
  2. // 日期的常用方法
  3. // 1.获取年月日时分秒 (月份+1)
  4. var date = new Date();
  5. var y = date.getFullYear();
  6. var m = date.getMonth() + 1;
  7. var d = date.getDate();
  8. var h = date.getHours();
  9. var M = date.getMinutes();
  10. var S = date.getSeconds();
  11. console.log(y);
  12. console.log(m);
  13. console.log(d);
  14. console.log(h);
  15. console.log(M);
  16. console.log(S);
  17. // 对小于10的数,前面加0
  18. m = m < 10 ? '0' + m : m;
  19. d = d < 10 ? '0' + d : d;
  20. h = h < 10 ? '0' + h : h;
  21. // 格式化日期
  22. var dateStr = `${y}年${m}月${d}日 ${h}:${M}:${S}`;
  23. console.log('现在时间是:', dateStr);
  24. // 2.获取星期
  25. var week = date.getDay();
  26. console.log('week', week);
  27. // 3.获取毫秒数, 和Date.now()一样
  28. var ss = date.getTime();
  29. console.log('ss', ss);
  30. // 4.日期比较
  31. var date1 = new Date('2021-06-24');
  32. var date2 = new Date('2021-06-23');
  33. console.log('date2-date1', date2 - date1); // -86400000
  34. </script>
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Document</title>
  8. <script src="https://momentjs.bootcss.com/downloads/moment.js"></script>
  9. </head>
  10. <body>
  11. <script>
  12. var str = moment().format('YYYY-MM-DD hh:mm:ss');
  13. console.log(str);
  14. </script>
  15. </body>
  16. </html>