JS实现处理时间,年月日,星期的公共方法示例


Posted in Javascript onMay 31, 2019

本文实例讲述了JS实现处理时间,年月日,星期的公共方法。分享给大家供大家参考,具体如下:

在项目中用到的,用js 来得到年月日,星期,当前多少个周的函数,备忘在这里,以后参考。

Date.prototype.getWeek = function(){
  var firstDayOfYear = new Date(this.getFullYear(),0,1);
  var millOfDay = 24*60*60*1000;
  return Math.ceil((((this - firstDayOfYear) / millOfDay) + firstDayOfYear.getDay()+1)/7);
};
/*
01 October 2013-10:20:20
01 November 2013-10:20:20
01 December 2013-10:20:20
08 October 2013-01:55 pm
*/
var monthMapping = {
  "January" : "01",
  "February" : "02",
  "March" : "03",
  "April" : "04",
  "May" : "05",
  "June" : "06",
  "July" : "07",
  "August" : "08",
  "September" : "09",
  "October" : "10",
  "November" : "11",
  "December" : "12"
};
function formatAmPm() {
  var dateTimeStr = arguments[0] ;  
  var dateStr = dateTimeStr.split("-");
  if (lang.currentLang == "zh_CN" || lang.currentLang == "zh_TW"){
    var s_year = lang.getMessage('yearCn') ;
    var s_month = lang.getMessage('monthCn') ;
    var s_day = lang.getMessage('dayCn') ;
    var dateArray = dateStr[0].split(" ") ;
    var s_time = dateStr[1].split(" ")[1] == "am" ? lang.getMessage('amCn') :lang.getMessage('pmCn') ;
    var ret = dateArray[2] + s_year + monthMapping[dateArray[1]] + s_month + dateArray[0] + s_day + " " + s_time + dateStr[1].split(" ")[0] ; 
    if ( arguments.length > 1 ){
      /*admin feature ,so using en date*/
      ret = arguments[1] ? dateStr[0] : dateStr[1] ;
    }
    return ret ;
  }  
  else{
    if ( arguments.length > 1 ){
      return arguments[1] ? dateStr[0] : dateStr[1] ;      
    }
    else{
      return dateStr[0] + " " + dateStr[1] ;
    }
  }  
}
function formatDate(dateTime, pattern) {
  if(pattern == "" || pattern == null) {
    pattern = "/";
  }
  var date = new Date(dateTime);
  var year = date.getFullYear();
  var month = date.getMonth()+1;
  month = month <10 ? '0'+month : month;
  var day = date.getDate();
  day = day <10 ? '0'+day : day;
  return month + pattern + day + pattern + year;
}
function formatDateDDMMYYYY(dateTime) {
  var ymd = dateTime.split(" ")[0];
  var dateArray = ymd.split("-");
  return dateArray[2]+"."+dateArray[1]+"."+dateArray[0];
}
/**
* 
* @param dateTime YYYY-MM-DD hh:mm:ss
*/
function formatDateDDMMYY(dateTime){
  var ymd = dateTime.split(" ")[0];
  var dateArray = ymd.split("-");
  return dateArray[2]+"."+dateArray[1]+"."+dateArray[0].substring(2);
}
/**********************calculate date*****************************/
var MONTH = [
       {key:"Jan.",value:1},
       {key:"Feb.",value:2},
       {key:"Mar.",value:3},
       {key:"Apr.",value:4},
       {key:"May.",value:5},
       {key:"Jun.",value:6},
       {key:"Jul.",value:7},
       {key:"Aug.",value:8},
       {key:"Sept.",value:9},
       {key:"Oct.",value:10},
       {key:"Nov.",value:11},
       {key:"Dec.",value:12}          
       ];
var DAYS = [31,28,31,30,31,30,31,31,30,31,30,31];
function getYears(){
  var years = [];
  var date = new Date();
  var year = date.getFullYear();
  var minYear = year - 10;  
  for(var currentYear=minYear;currentYear <= year;currentYear++){
    years.push(currentYear);
  }
  return years;
};
function fillinMonthOptions(id,currentMonth){
  $("#" + id).get(0).options.length = 0;
  for(var i= 0;i<MONTH.length; i++){
    if (MONTH[i].value == currentMonth){
      $("#" + id).append("<option value="+MONTH[i].value+" selected=\"selected\">"+MONTH[i].key+"</option>");
    }
    else{
      $("#" + id).append("<option value="+MONTH[i].value+">"+MONTH[i].key+"</option>");
    }
  }
};
function fillinAllMonthOptions(monthIds,currentMonth){
  //var monthIds = ["loginMonth_1","loginMonth_2","auditMonth_1","auditMonth_2"];
  for (var i=0;i<monthIds.length;i++){
    fillinMonthOptions(monthIds[i],currentMonth);
  };  
};
function fillinYearOptions(id,years,currentYear){
  $("#" + id).get(0).options.length = 0;
  for(var i= 0;i<years.length; i++){
    if (years[i] == currentYear){
      $("#" + id).append("<option value="+years[i]+" selected=\"selected\">"+years[i]+"</option>");
    }
    else{
      $("#" + id).append("<option value="+years[i]+">"+years[i]+"</option>");
    }
  }
};
function fillinAllYearOptions(yearIds,currentYear){
  //var yearIds = ["loginYear","auditYear"];
  years = getYears();
  for(var i= 0;i<yearIds.length; i++){
    fillinYearOptions(yearIds[i],years,currentYear);
  }
};
function isLeapYear(year){
  return (year % 4 === 0) && (year % 100 !==0) || (year % 400 === 0);
}
/*get days of a month*/
function getMonthDays(year,month){
  var monthDays = DAYS[month-1];
  if (isLeapYear(year) && month == 2){
    monthDays = 29;
  }
  return monthDays;
}
function fillinDay(id,monthDays){
  $("#" + id).get(0).options.length = 0;
  for(var i=1;i<=monthDays;i++){
    $("#" + id).append("<option value="+i+">"+i+"</option>");
  }
}
function fiilinDays(year,month,dayIds){
  var monthDays = getMonthDays(year,month);
  for(var i=0;i<dayIds.length;i++){
    fillinDay(dayIds[i],monthDays);
  }
}
function getWeeksOfYear(year){
  var firstDayOfYear = new Date(year,0,1);
  var days = firstDayOfYear.getDay() + (isLeapYear(year) ? 366 : 365);
  return Math.ceil(days/7);
}
function getCurrentWeekNo(){
  var currentDate = new Date();
  var firstDay = new Date(currentDate.getFullYear(),0,1);
  var dayms = 24 * 60 * 60 * 1000;
  var numday = ((currentDate - firstDay) / dayms );
  var weeks = Math.ceil((numday + firstDay.getDay() + 1) / 7);
  return weeks;
}
function getWeekRangeOfWeek(year,weekNo){
  var tmpDate = new Date("1/20/" + year);
  var numOfDaysPastSinceLastMonday = tmpDate.getDay()-1;
  tmpDate.setDate(tmpDate.getDate() - numOfDaysPastSinceLastMonday);
  var weekNoToday = tmpDate.getWeek();
  var weeksInFuture = weekNo - weekNoToday;
  tmpDate.setDate(tmpDate.getDate() + (7 * weeksInFuture) );
  var rangeFrom = tmpDate.getDate() + "/" + MONTH[tmpDate.getMonth()].key;
  tmpDate.setDate(tmpDate.getDate() + 6);
  var rangeTo = tmpDate.getDate() + "/" + MONTH[tmpDate.getMonth()].key ;
  return weekNo + "_#_" + rangeFrom + "_#_" + rangeTo ;
}
function fillinWeek(weekId,year){
  $("#" + weekId).get(0).options.length = 0;
  var weeksOfYear = getWeeksOfYear(year);
  var weeks = [];
  for(var i=0;i<weeksOfYear;i++){
    weeks.push(getWeekRangeOfWeek(year,i+1));
  }
  for(var j=0;j<weeks.length;j++){
    var week = weeks[j].split("_#_");
    $("#" + weekId).append("<option value="+week[0]+">"+week[0] + "(" + week[1]+"-"+week[2]+")</option>");
  }
}
function fillinWeeks(year,weekIds){
  for (var i=0;i<weekIds.length;i++){
    fillinWeek(weekIds[i],year);
  }
}

PS:这里再为大家推荐几款比较实用的天数计算在线工具供大家使用:

在线日期/天数计算器:
http://tools.3water.com/jisuanqi/date_jisuanqi

在线日期计算器/相差天数计算器:
http://tools.3water.com/jisuanqi/datecalc

在线日期天数差计算器:
http://tools.3water.com/jisuanqi/onlinedatejsq

在线天数计算器:
http://tools.3water.com/jisuanqi/datejsq

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
玩转jQuery按钮 请告诉我你最喜欢哪些?
Jan 08 Javascript
js读取cookie方法总结
Oct 31 Javascript
JavaScript中setUTCFullYear()方法的使用简介
Jun 12 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
Vue.js devtool插件安装后无法使用的解决办法
Nov 27 Javascript
Layer弹出层动态获取数据的方法
Aug 20 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
详解JavaScript对数组操作(添加/删除/截取/排序/倒序)
Apr 28 Javascript
Vue项目使用localStorage+Vuex保存用户登录信息
May 27 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
详解如何在Javascript中使用Object.freeze()
Oct 18 Javascript
一文了解vue-router之hash模式和history模式
May 31 #Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 #Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 #Javascript
Vue Router history模式的配置方法及其原理
May 30 #Javascript
vue-cli3+ts+webpack实现多入口多出口功能
May 30 #Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
May 30 #Javascript
了解JavaScript函数中的默认参数
May 30 #Javascript
You might like
PHP中的类-什么叫类
2006/11/20 PHP
确保Laravel网站不会被嵌入到其他站点中的方法
2019/10/18 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
JS查看对象功能代码
2008/04/25 Javascript
js类型检查实现代码
2010/10/29 Javascript
JavaScript及jquey实现多个数组的合并操作
2014/09/06 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
javascript实现数组去重的多种方法
2016/03/14 Javascript
jQuery实现拖拽页面元素并将其保存到cookie的方法
2016/06/12 Javascript
jQuery+ThinkPHP+Ajax实现即时消息提醒功能实例代码
2017/03/21 jQuery
利用jQuery解析获取JSON数据
2017/04/08 jQuery
微信小程序实现的涂鸦功能示例【附源码下载】
2018/01/12 Javascript
详解element-ui日期时间选择器的日期格式化问题
2019/04/08 Javascript
详解vue项目中实现图片裁剪功能
2019/06/07 Javascript
layui富文本编辑器前端无法取值的解决方法
2019/09/18 Javascript
vue全屏事件开发详解
2020/06/17 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
Python中的localtime()方法使用详解
2015/05/22 Python
Python实现的简单算术游戏实例
2015/05/26 Python
Python变量访问权限控制详解
2019/06/29 Python
python SQLAlchemy 中的Engine详解
2019/07/04 Python
Django 外键的使用方法详解
2019/07/19 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
Vans(范斯)德国官网:美国南加州的原创极限运动潮牌
2017/05/02 全球购物
澳大利亚领先的在线药房:Pharmacy Online(有中文站)
2020/02/22 全球购物
瑞士首家网上药店折扣店:McDrogerie
2020/12/22 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
上课说话检讨书大全
2014/01/22 职场文书
电气自动化个人求职信范文
2014/02/03 职场文书
高等教育学自荐书范文
2014/02/10 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
结婚典礼主持词
2015/06/29 职场文书
2020年元旦晚会策划书模板
2019/12/30 职场文书
python实现批量提取指定文件夹下同类型文件
2021/04/05 Python
Python编写nmap扫描工具
2021/07/21 Python