js-时间运算与格式

Posted 儿一愿，娘一生

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js-时间运算与格式相关的知识，希望对你有一定的参考价值。

注意事项：
1.时间没有格式函数；
2.将时间都转换为毫秒来计算；
3.1秒=1000毫秒。
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>时间运算-加减</title>
  6.     <script type="text/javascript">
  7.         window.onload = function () {
  8.             var dateStr = document.getElementById("myDate").value;
  9.             var MinuteStr = eval(document.getElementById("mySeconds")).value;
  10.             var resultStr = dateAddMinute(dateStr,MinuteStr);
  11.             //alert("结果："+resultStr)
  12.         }
  14.         //日期加分钟
  15.         function  dateAddMinute(pDate,pMinute) {
  16.             var date = new Date(pDate);
  17.             var resultDate = new Date();
  18.             var resultStr ; //返回值
  20.             date = date.getTime() + pMinute*60*1000;
  21.             resultDate.setTime(date);
  22.             var year = resultDate.getFullYear();
  23.             var month = resultDate.getDay() + 1;
  24.             var day = resultDate.getDay();
  25.             var hours = resultDate.getHours();
  26.             var minutes = resultDate.getMinutes();
  27.             var seconds = resultDate.getSeconds();
  28.             month = month<9?"0"+month:month;
  29.             day = day<9?"0"+day:day;
  30.             hours = hours<9?"0"+hours:hours;
  31.             minutes = minutes<9?"0"+minutes:minutes;
  32.             seconds = seconds<9?"0"+seconds:seconds;
  33.             resultStr = year + "-" + month + "-" + day +
  34.                             " " + hours + ":" + minutes + ":" + seconds;
  35.             return resultStr;
  36.         }
  38.         function btnOnClick() {
  39.             var dateStr = document.getElementById("myDate").value;
  40.             var MinuteStr = eval(document.getElementById("mySeconds")).value;
  41.             var resultStr = dateAddMinute(dateStr,MinuteStr);
  42.             alert("结果："+resultStr)
  43.         }
  44.     </script>
  45. </head>
  46. <body>
  47. <h1>时间运算-加减</h1>
  49. 日期：<input id="myDate" type="text" name="myDate" value="2016-06-20 17:01:02">
  50. 分钟：<input id="mySeconds" type="text" name="mySeconds" value="2">
  51. <button onclick="btnOnClick()">相加</button>
  52. 结果：<input id="resultStr" type="text" name="resultStr" >
  53. </body>
  54. </html>





以上是关于js-时间运算与格式的主要内容，如果未能解决你的问题，请参考以下文章

20个简洁的 JS 代码片段

回归 | js实用代码片段的封装与总结（持续更新中...）

如何在 Reactjs 中添加丰富的代码片段？

用一段JS代码来比较各浏览器的极限内存与运算速度

js常用代码片段(更新中)

JS中三目运算符和if else的区别分析与示例