JS獲取日期的方法實例【昨天,今天,明天,前n天,后n天的日期】
更新時間：2023年05月13日 08:16:15 作者：索隆
這篇文章主要介紹了JS獲取日期的方法,結(jié)合具體實例分析了javascript計算昨天,今天,明天,前n天,后n天日期及對應的星期幾實現(xiàn)技巧,需要的朋友可以參考下
本文實例講述了JS獲取日期的方法。分享給大家供大家參考，具體如下：
原理很簡單，一天的時間的毫秒數(shù)是1000*60*60*24，
前n天的日期就是現(xiàn)在日期換成毫秒-n*1000*60*60*24。
再把這個值換成日期即可（通過setTime方法）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>www.dhdzp.com 日期計算</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<select id="num" name="num" style="width:150px" onchange="ff()">
<option value="-1">昨天</option>
<option value="0">今天</option>
<option value="1">明天</option>
</select><br>
<textarea id="ar" rows="3" cols="20">
haha
</textarea>
<br/>
<input type="text" value="" name="bday" id="bday"/>天之前
<input type="button" onclick="bday()" value="計算"><br/>
<input type="text" value="" name="aday" id="aday"/>天之后
<input type="button" onclick="aday()" value="計算"><br/>
</body>
<script>
ff();
function ff(){
var obj=document.getElementById("num");
var v1=obj.options[obj.selectedIndex].text;
var v2=obj.options[obj.selectedIndex].value;
var tvv=giveDateStr(getTargetday(v2));
document.getElementById('ar').innerText=tvv;
}
function isInteger(obj) {
var r = /^\+?[1-9][0-9]*$/; //正整數(shù)
return r.test(obj);
}
function bday(){
var bef=document.getElementById("bday").value;
if(isInteger(bef)){
var bvv=giveDateStr(getTargetday(-bef));
document.getElementById('ar').innerText=bvv;
}else{
alert("請輸入正整數(shù)！");
document.getElementById("bday").value='';
document.getElementById("bday").focus();
}
}
function aday(){
var atf=document.getElementById("aday").value;
if(isInteger(atf)){
var avv=giveDateStr(getTargetday(atf));
document.getElementById('ar').innerText=avv;
}else{
alert("請輸入正整數(shù)！");
document.getElementById("aday").value='';
document.getElementById("aday").focus();
}
}
function getTargetday(num){
var number=null;
if(num==null||num==0){
number=0;
}else{
number=num;
}
var today=new Date();
var targetday_milliseconds=today.getTime()+1000*60*60*24*number;
var targetday=new Date();
targetday.setTime(targetday_milliseconds); //注意，這行是關鍵代碼
return targetday;
}
function giveDateStr(dd){
var riqiyue=dd.getMonth()+1;
var riqihao=dd.getDate();
var riqixingqi=null;
if(dd.getDay()=='0'){
xingqi="星期日";
}else if(dd.getDay()=='1'){
xingqi='星期一';
}else if(dd.getDay()=='2'){
xingqi='星期二';
}else if(dd.getDay()=='3'){
xingqi='星期三';
}else if(dd.getDay()=='4'){
xingqi='星期四';
}else if(dd.getDay()=='5'){
xingqi='星期五';
}else if(dd.getDay()=='6'){
xingqi='星期六';
}
var riqi=riqiyue+"月"+riqihao+"日"+"("+xingqi+")";
return riqi;
}
</script>
</html>
運行效果如下：
js 日期 獲取今天、昨天、明天第一個函數(shù)
function getDay(day){
var today = new Date()
// 獲取時間戳(毫秒級)
/*
day為1，則是，明天的時間戳
day為-1，則是，昨天的時間戳
day為-2，則是，前天的時間戳
*/
var targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day
// Date.setTime(時間戳)：設置當前日期的時間
today.setTime(targetday_milliseconds)
console.log('today=', today) // today= Sun Mar 05 2023 16:14:56 GMT+0800 (中國標準時間)
var tYear = today.getFullYear() // 年
var tMonth = today.getMonth() // 月
var tDate = today.getDate() // 日
tMonth = this.doHandleMonth(tMonth + 1)
tDate = this.doHandleMonth(tDate)
console.log('返回年月日=', tYear + '-' + tMonth + '-' + tDate)
return tYear + '-' + tMonth + '-' + tDate
}
function doHandleMonth(month) {
var m = month
if (month.toString().length == 1) {
m = '0' + month
}
return m
}js獲取今天昨天明天的日期第二個函數(shù)
/*
* @params date 日期
* @params type 日期 prev/current/next 昨天/今天/明天
* @params fmt 日期拼接符
*/
function getDays(date, type, fmt) {
let currentDate = new Date(date)
let y = currentDate.getFullYear()
let m = currentDate.getMonth() + 1
let d = currentDate.getDate()
function dateFormat(date, fmt) {
let y = new Date(date).getFullYear()
let m = new Date(date).getMonth() + 1
let d = new Date(date).getDate()
return `${y}${fmt}${m}${fmt}$awoybw6`
}
switch (type) {
case "prev":
if (d - 1 < 1) {
if (m - 1 < 1) {
y = y - 1
m = 12
} else {
m = m - 1
}
d = new Date(y, m, 0).getDate()
} else {
d = d - 1
}
break
case "current":
break
case "next":
if (d + 1 > new Date(y, m, 0).getDate()) {
if (m + 1 > 12) {
y = y + 1
m = 1
d = 1
} else {
m = m + 1
d = 1
}
} else {
d = d + 1
}
break;
default:
break;
}
return dateFormat(new Date(`${y}-${m}-$krmp1ih`), fmt)
}
console.log(getDays(new Date('2021-1-1'), "prev", "-"));PS：這里再為大家推薦幾款比較實用的天數(shù)計算在線工具供大家使用：
在線日期/天數(shù)計算器：
http://tools.jb51.net/jisuanqi/date_jisuanqi
在線日期計算器/相差天數(shù)計算器：
http://tools.jb51.net/jisuanqi/datecalc
在線日期天數(shù)差計算器：
http://tools.jb51.net/jisuanqi/onlinedatejsq
在線天數(shù)計算器：
http://tools.jb51.net/jisuanqi/datejsq
更多關于JavaScript相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript時間與日期操作技巧總結(jié)》、《JavaScript+HTML5特效與技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了Bootstrap Table 搜索框和查詢功能，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-11-11
IE和Firefox下javascript的兼容寫法小結(jié)
學習js的朋友必須要知道或了解的知識2008-12-12
這篇文章主要為大家詳細介紹了JavaScript Canvas繪制圓形時鐘效果的相關資料，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)京東秒殺效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
js接收并轉(zhuǎn)化Java中的數(shù)組對象的方法
下面小編就為大家?guī)硪黄猨s接收并轉(zhuǎn)化Java中的數(shù)組對象的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要介紹了JS字典Dictionary類定義與用法,結(jié)合實例形式分析了javascript字典Dictionary的定義、添加、移除、統(tǒng)計等相關操作技巧,需要的朋友可以參考下2019-02-02
本文主要介紹了webpack搭建腳手架打包TypeScript代碼，文中通過示例代碼介紹的非常詳細,具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
Layui數(shù)據(jù)表格跳轉(zhuǎn)到指定頁的實現(xiàn)方法
今天小編就為大家分享一篇Layui數(shù)據(jù)表格跳轉(zhuǎn)到指定頁的實現(xiàn)方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JS script腳本中async和defer區(qū)別詳解
這篇文章主要介紹了JS script腳本中async和defer區(qū)別詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-06-06
MIF是由Pitney Bowes Software開發(fā)的一種文本格式,用于存儲地理空間數(shù)據(jù),它通常與地圖可視化和地理信息系統(tǒng)（GIS）相關聯(lián),MIF文件通常成對出現(xiàn),本文給大家介紹了javascript加載導出 MIF文件示例,需要的朋友可以參考下2024-12-12