js 구현 날짜 표시 동작(인 스 턴 스 설명)

1.js 현재 날짜 가 져 오기(yyyy-mm-dd)
다음 코드 는 가 져 온 현재 날짜 입 니 다:

var myDate = new Date(); 
var year = myDate.getFullYear(); //       (4 ,1970-????)
var month = myDate.getMonth()+1;  //      (1-12)
var day = myDate.getDate();  //     (1-31)
//       
var newDay = year + “-” + month + “-” + day;

2,클릭 실현 날짜 의 일수 가감(yyy-mm-dd)
두 개의 버튼 을 누 르 면 각각 날짜 의 가감 을 실현 할 수 있 으 며,이 달 일수 가 가장 많 으 면 달 은 자동 으로 증가 하거나 감소 할 것 이다.

var n = 0;
dayChange(0)
$("#time-add").click(function(){
 n++;
 dayChange(n);
})
$("#time-less").click(function(){
 n--;
 dayChange(n);
})
function dayChange(n){
 var now = new Date();//  
 var tomo = new Date((now/1000+86400*n)*1000);//  
 var month = tomo.getMonth() + 1;
 var strDate = tomo.getDate(); 
 var seperator1 = "-";
 if (month >= 1 && month <= 9) {
  month = "0" + month;
 }
 if (strDate >= 0 && strDate <= 9) {
  strDate = "0" + strDate;
 }
 var currentdate = tomo.getFullYear() + seperator1 + month + seperator1 + strDate;
 $(".center-day").html(currentdate);
}

3.현재 이번 주 월요일 과 이번 주 일요일 의 시간 범위 획득
현재 가 몇 주 든 현재 가 있 는 일주일 의 시작 시간 을 얻 을 수 있 습 니 다.

var now = new Date();//  
 week(now); 
 function week(now){
 var nowTime = now.getTime() ; 
 var day = now.getDay();
 var oneDayLong = 24*60*60*1000 ; 
 //        
 var MondayTime = nowTime - (day-1)*oneDayLong ; 
 //             
 var SundayTime = nowTime + (7-day)*oneDayLong ; 
 //    
 var monday = new Date(MondayTime);
 var sunday = new Date(SundayTime);
 var month = monday.getMonth() + 1;
 var strDate = monday.getDate();
 var month1 = sunday.getMonth() + 1;
 var strDate1 = sunday.getDate();
 if (month >= 1 && month <= 9) {
  month = "0" + month;
 }
 if (month1 >= 1 && month1 <= 9) {
  month1 = "0" + month1;
 }
 if (strDate >= 0 && strDate <= 9) {
  strDate = "0" + strDate;
 }
 if (strDate1 >= 0 && strDate1 <= 9) {
  strDate1 = "0" + strDate1;
 }
 currentdate = monday.getFullYear() + seperator1 + month + seperator1 + strDate + " " + sunday.getFullYear() + seperator1 + month1 + seperator1 + strDate1;
 $(".center-day").html(currentdate);
32}

4.클릭 하여 매주 범위 의 변 화 를 실현
변경 단 추 를 누 르 면 일주일 범위 의 변 화 를 표시 합 니 다.다음 달 이나 다음 해 에 있 으 면 자동 으로 표시 되 며 오류 가 발생 하지 않 습 니 다.

var now = new Date();//  
var n = 0;
week(now); 
$("#week-add").click(function(){
 n++;
 var date = new Date(now.getTime() + n*7*24*3600*1000);
 week(date);
})
$("#week-add").click(function(){
 n--;
 var date = new Date(now.getTime() + n*7*24*3600*1000);
 week(date);
})
function week(now){
 var nowTime = now.getTime() ; 
 var day = now.getDay();
 var oneDayLong = 24*60*60*1000 ; 
//        
 var MondayTime = nowTime - (day-1)*oneDayLong ; 
//             
 var SundayTime = nowTime + (7-day)*oneDayLong ; 
22//    
 var monday = new Date(MondayTime);
 var sunday = new Date(SundayTime);
 var month = monday.getMonth() + 1;
 var strDate = monday.getDate();
 var month1 = sunday.getMonth() + 1;
 var strDate1 = sunday.getDate();
 if (month >= 1 && month <= 9) {
  month = "0" + month;
 }
 if (month1 >= 1 && month1 <= 9) {
  month1 = "0" + month1;
 }
 if (strDate >= 0 && strDate <= 9) {
  strDate = "0" + strDate;
 }
 if (strDate1 >= 0 && strDate1 <= 9) {
  strDate1 = "0" + strDate1;
 }
 currentdate = monday.getFullYear() + seperator1 + month + seperator1 + strDate + " " + sunday.getFullYear() + seperator1 + month1 + seperator1 + strDate1;
 $(".center-day").html(currentdate);
}

5.현재 달의 첫날 과 마지막 날 가 져 오기
현재 있 는 달의 첫날 과 마지막 날 을 얻 을 수 있 습 니 다.마지막 날 짜 는 고정 되 지 않 고 적당 한 날 짜 를 얻 을 수 있 습 니 다.

monthfen(0)
function monthfen(n){
　　var now = new Date();//  
　　var firstDate = new Date((now/1000+86400*n*now.getDate())*1000);//  
 //     
　　firstDate.setDate(1); //   
　　var date = new Date(firstDate);
　 var month = date.getMonth() + 1;
　　var strDate = "0" + date.getDate();
 //      
　 var endDate = new Date(firstDate);
　 endDate.setMonth(firstDate.getMonth()+1);
　 endDate.setDate(0);
　　var date1 = new Date(endDate);
　 var month1 = date1.getMonth() + 1;
　　var strDate1 = date1.getDate();
　　if (month >= 1 && month <= 9) {
　　　　month = "0" + month;
　　}
　　if (month1 >= 1 && month1 <= 9) {
　　　　month1 = "0" + month1;
　　}
　　currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + " " + date1.getFullYear() + seperator1 + month1 + seperator1 + strDate1;
　　$(".center-day").html(currentdate);
}

6.클릭 하여 현재 달의 변 화 를 실현
버튼 을 누 르 면 현재 달의 변 화 를 실현 합 니 다.그러면 마지막 날 의 날짜 도 자동 으로 변 합 니 다.

monthfen(0)
var n = 0;
$("#month-add").click(function(){
 n++;
 monthfen(n);
})
$("#month-less").click(function(){
 n--;
 monthfen(n);
})
function monthfen(n){
　　var now = new Date();//  
　　var firstDate = new Date((now/1000+86400*n*now.getDate())*1000);//  
//     
　　firstDate.setDate(1); //   
　　var date = new Date(firstDate);
　 var month = date.getMonth() + 1;
　 var strDate = "0" + date.getDate();
//      
　　var endDate = new Date(firstDate);
　　endDate.setMonth(firstDate.getMonth()+1);
　　endDate.setDate(0);
　　var date1 = new Date(endDate);
　　var month1 = date1.getMonth() + 1;
　　var strDate1 = date1.getDate();
　　if (month >= 1 && month <= 9) {
　　　　month = "0" + month;
　　}
　　if (month1 >= 1 && month1 <= 9) {
　　　　month1 = "0" + month1;
　　}
　　currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate + " " + date1.getFullYear() + seperator1 + month1 + seperator1 + strDate1;
　　$(".center-day").html(currentdate);
}

물론 날짜 형식 변화 와 알고리즘 도 많 으 니 이해 하지 못 하 는 것 이 있 으 면 댓 글 을 남 겨 함께 논의 하 자.
이상 의 js 실현 날짜 에 표 시 된 일부 조작(실례 설명)은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 할 수 있 고 여러분 들 이 저 희 를 많이 지지 해 주시 기 바 랍 니 다.