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 相关文章推荐
window.onload和$(function(){})的区别介绍
Oct 30 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
javascript包装对象实例分析
Mar 27 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
Jun 04 Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 Javascript
微信小程序  audio音频播放详解及实例
Nov 02 Javascript
详解AngularJS中的表单验证(推荐)
Nov 17 Javascript
JavaScript中匿名函数的递归调用
Jan 22 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
html中通过JS获取JSON数据并加载的方法
Nov 30 Javascript
微信小程序画布圆形进度条显示效果
Nov 17 Javascript
解决vue加scoped后就无法修改vant的UI组件的样式问题
Sep 07 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 ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
addRule在firefox下的兼容写法
2006/11/30 Javascript
JS宝典学习笔记(下)
2007/01/10 Javascript
JavaScript 学习笔记二 字符串拼接
2010/03/28 Javascript
浅析tr的隐藏和显示问题
2014/03/05 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
node.js中的path.normalize方法使用说明
2014/12/08 Javascript
jQuery实现的给图片点赞+1动画效果(附在线演示及demo源码下载)
2015/12/31 Javascript
Bootstrap select下拉联动(jQuery cxselect)
2017/01/04 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
Vuepress 搭建带评论功能的静态博客的实现
2019/02/17 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
2019/10/12 jQuery
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
vuex的使用和简易实现
2021/01/07 Vue.js
[34:47]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第一场 11.18
2020/11/18 DOTA
Python中map和列表推导效率比较实例分析
2015/06/17 Python
python实现人民币大写转换
2018/06/20 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
python openpyxl使用方法详解
2019/07/18 Python
new_zeros() pytorch版本的转换方式
2020/02/18 Python
python扫描线填充算法详解
2020/02/19 Python
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
Eastbay官网:美国最大的运动鞋网络零售商
2016/07/27 全球购物
戴森英国官网:Dyson英国
2019/05/07 全球购物
电气工程及其自动化学生实习自我鉴定
2013/09/19 职场文书
一份创业计划书范文
2014/02/08 职场文书
法人委托书
2014/07/31 职场文书
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
司机岗位职责
2015/02/04 职场文书
2015年幼儿园中班下学期工作总结
2015/05/22 职场文书
一些让Python代码简洁的实用技巧总结
2021/08/23 Python