码迷,mamicode.com
首页 > Web开发 > 详细

js-时间运算与格式

时间:2016-06-28 12:17:19      阅读:216      评论:0      收藏:0      [点我收藏+]

标签:

注意事项:
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. }
  13. //日期加分钟
  14. function dateAddMinute(pDate,pMinute) {
  15. var date = new Date(pDate);
  16. var resultDate = new Date();
  17. var resultStr ; //返回值
  18. date = date.getTime() + pMinute*60*1000;
  19. resultDate.setTime(date);
  20. var year = resultDate.getFullYear();
  21. var month = resultDate.getDay() + 1;
  22. var day = resultDate.getDay();
  23. var hours = resultDate.getHours();
  24. var minutes = resultDate.getMinutes();
  25. var seconds = resultDate.getSeconds();
  26. month = month<9?"0"+month:month;
  27. day = day<9?"0"+day:day;
  28. hours = hours<9?"0"+hours:hours;
  29. minutes = minutes<9?"0"+minutes:minutes;
  30. seconds = seconds<9?"0"+seconds:seconds;
  31. resultStr = year + "-" + month + "-" + day +
  32. " " + hours + ":" + minutes + ":" + seconds;
  33. return resultStr;
  34. }
  35. function btnOnClick() {
  36. var dateStr = document.getElementById("myDate").value;
  37. var MinuteStr = eval(document.getElementById("mySeconds")).value;
  38. var resultStr = dateAddMinute(dateStr,MinuteStr);
  39. alert("结果:"+resultStr)
  40. }
  41. </script>
  42. </head>
  43. <body>
  44. <h1>时间运算-加减</h1>
  45. 日期:<input id="myDate" type="text" name="myDate" value="2016-06-20 17:01:02">
  46. 分钟:<input id="mySeconds" type="text" name="mySeconds" value="2">
  47. <button onclick="btnOnClick()">相加</button>
  48. 结果:<input id="resultStr" type="text" name="resultStr" >
  49. </body>
  50. </html>





js-时间运算与格式

标签:

原文地址:http://www.cnblogs.com/yexiaodong/p/0d9232d4357247e51e70c06658dc3e16.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!