jquery에서 현재 날짜를 얻는 방법?


181

jQuery에서 Date () 함수를 사용하여 현재 날짜를 yyyy/mm/dd형식으로 얻는 방법을 알고 싶습니다 .

답변:


325

Date()의 일부가 아니며 jQueryJavaScript의 기능 중 하나입니다.

Date 객체에 대한 설명서를 참조하십시오 .

당신은 그렇게 할 수 있습니다 :

var d = new Date();

var month = d.getMonth()+1;
var day = d.getDate();

var output = d.getFullYear() + '/' +
    (month<10 ? '0' : '') + month + '/' +
    (day<10 ? '0' : '') + day;

증거는 이 jsfiddle 을 참조하십시오 .

코드는 복잡한 숫자처럼 보일 수 있습니다. 왜냐하면 몇 달과 며칠 미만의 숫자로 표시되어야하기 때문입니다 10(문자열에 2 개 대신 1 개 문자가 있음을 의미). 비교하려면 이 jsfiddle 을 참조하십시오 .


2
나는 몰랐다. jquery.plz 도움말에서 현재 날짜를 얻으려고합니다.
Sara

답변 주셔서 감사합니다 :) 내 존재에서 yyyy / mm / dd와 같은 형식의 날짜를 본 적이 없지만 일부 국가에서 사용됩니까? 나는 YYYY-MM-DD와 YYYYMMDD을 본 적이
Manachi

1
@Manachi 예 스리랑카에서 사용
Sara

2
팔레스타인에서 사용 :)
Nada N. Hantouli

한국과 남아프리카에서도 일반적으로 사용
Muleskinner

131

jQuery UI (날짜 선택기가 필요)가 있으면 트릭을 수행합니다.

$.datepicker.formatDate('yy/mm/dd', new Date());

6
jquery-ui 필요
Alex G

1
예. jQuery UI를 사용했기 때문에이 솔루션은 나에게 완벽합니다. 감사.
Chen Li Yong

44

jQuery는 JavaScript입니다. 자바 스크립트 Date객체를 사용하십시오 .

var d = new Date();
var strDate = d.getFullYear() + "/" + (d.getMonth()+1) + "/" + d.getDate();

3
d.getMonth () 달이 잘못되어있을 수 있으므로 (0-11) 월을 반환합니다.
Gaurav Agrawal

2
getMonth()0와 사이의 숫자를 반환합니다 11. 이것은 일반적인 JavaScript 실수입니다. toString()설명 된 것과 다른 방식으로 도 작동합니다 ( 이 jsfiddle이 문서 페이지 참조 ). 요약하면 : 제공 한 솔루션 중 어느 것도 올바르게 작동하지 않습니다.
Tadeck December

1
나는 변명의 여지가없는 달, 내가 전에 저지른 실수를 배웠다! toString맹세하지만 Chrome으로 jsFiddle을 테스트하면 맞습니다. 내 답변에서 제거되었습니다. 감사.
Connell

31

순수한 자바 스크립트를 사용 하여 자신 만의 YYYYMMDD 형식을 프로토 타입 할 수 있습니다 .

Date.prototype.yyyymmdd = function() {
  var yyyy = this.getFullYear().toString();
  var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
  var dd  = this.getDate().toString();
  return yyyy + "/" + (mm[1]?mm:"0"+mm[0]) + "/" + (dd[1]?dd:"0"+dd[0]); // padding
};

var date = new Date();
console.log( date.yyyymmdd() ); // Assuming you have an open console

21

JavaScript에서는 Date 객체를 사용하여 현재 날짜와 시간을 얻을 수 있습니다.

var now = new Date();

로컬 클라이언트 머신 시간을 얻습니다.

jquery LINK의

jQuery DatePicker를 사용하는 경우 다음과 같이 모든 텍스트 필드에 적용 할 수 있습니다.

$( "#datepicker" ).datepicker({dateFormat:"yy/mm/dd"}).datepicker("setDate",new Date());

이것은 내가 원하는 것이 아닌 전체 날짜 시간 값을 얻습니다.
Sara

15

질문에 태그가 붙어 있기 때문에 JQuery:

또한 사용중인 경우 JQuery UI다음을 사용할 수 있습니다 $.datepicker.formatDate().

$.datepicker.formatDate('yy/mm/dd', new Date());

참조 데모를.


15
function GetTodayDate() {
   var tdate = new Date();
   var dd = tdate.getDate(); //yields day
   var MM = tdate.getMonth(); //yields month
   var yyyy = tdate.getFullYear(); //yields year
   var currentDate= dd + "-" +( MM+1) + "-" + yyyy;

   return currentDate;
}

그것을 사용하는 매우 편리한 기능, 즐기십시오


2
이것은 값을 설정하기 위해 아름답게 작동 한 다음 모든 브라우저에서 날짜 선택기를 숨기려는 후속 호출로 수정되었습니다. 산뜻한!
nicholeous 2016 년

9

참조 .
$.now()메서드는 expression에서 반환 한 숫자의 약어입니다 (new Date).getTime().


9

다음은 현재 일, 년 또는 월을 얻는 방법입니다.

new Date().getDate()          // Get the day as a number (1-31)
new Date().getDay()           // Get the weekday as a number (0-6)
new Date().getFullYear()      // Get the four digit year (yyyy)
new Date().getHours()         // Get the hour (0-23)
new Date().getMilliseconds()  // Get the milliseconds (0-999)
new Date().getMinutes()       // Get the minutes (0-59)
new Date().getMonth()         // Get the month (0-11)
new Date().getSeconds()       // Get the seconds (0-59)
new Date().getTime()          // Get the time (milliseconds since January 1, 1970)


6
//convert month to 2 digits<p>
var twoDigitMonth = ((fullDate.getMonth().length+1) === 1)? (fullDate.getMonth()+1) : '0' + (fullDate.getMonth()+1);

var currentDate =  fullDate.getFullYear()+ "/" + twoDigitMonth + "/" + fullDate.getDate();
console.log(currentDate);<br>
//2011/05/19

6

element에 하나의 심볼 만있는 경우이 객체는 0으로 설정됩니다.

function addZero(i) {
    if (i < 10) {
        i = "0" + i;
    }
    return i;
}

이 개체는 실제 풀 타임, 시간 및 날짜를 ​​설정합니다.

function getActualFullDate() {
    var d = new Date();
    var day = addZero(d.getDate());
    var month = addZero(d.getMonth()+1);
    var year = addZero(d.getFullYear());
    var h = addZero(d.getHours());
    var m = addZero(d.getMinutes());
    var s = addZero(d.getSeconds());
    return day + ". " + month + ". " + year + " (" + h + ":" + m + ")";
}

function getActualHour() {
    var d = new Date();
    var h = addZero(d.getHours());
    var m = addZero(d.getMinutes());
    var s = addZero(d.getSeconds());
    return h + ":" + m + ":" + s;
}

function getActualDate() {
    var d = new Date();
    var day = addZero(d.getDate());
    var month = addZero(d.getMonth()+1);
    var year = addZero(d.getFullYear());
    return day + ". " + month + ". " + year;
}

HTML :

<span id='full'>a</span>
<br>
<span id='hour'>b</span>
<br>    
<span id='date'>c</span>

쿼리보기 :

$(document).ready(function(){
    $("#full").html(getActualFullDate());
    $("#hour").html(getActualHour());
    $("#date").html(getActualDate());
});


6

나는 내가 늦었다는 것을 안다. 그러나 이것은 당신이 필요한 전부이다

var date = (new Date()).toISOString().split('T')[0];

toISOString ()은 자바 스크립트의 내장 함수를 사용합니다.

cd = (new Date()).toISOString().split('T')[0];
console.log(cd);
alert(cd);


5

moment.js로도이를 달성 할 수 있습니다. HTML에 moment.js를 포함하십시오.

<script src="moment.js"></script>

그리고 스크립트 파일에서 아래 코드를 사용하여 형식이 지정된 날짜를 얻으십시오.

moment(new Date(),"YYYY-MM-DD").utcOffset(0, true).format();


3

참고로 getDay ()는 요일을 제공합니다. 즉, 오늘이 목요일이면 4를 반환합니다 (요일 4 일).

적절한 날짜를 얻으려면 getDate ()를 사용하십시오.

아래의 예는 ... (단일 시간 요소에 선행 0을주는 문자열 패딩 함수입니다 (예 : 10 : 4 : 34 => 10:04:35)

function strpad00(s)
{
    s = s + '';
    if (s.length === 1) s = '0'+s;
    return s;
}

var currentdate = new Date();
var datetime = currentdate.getDate() 
    + "/" + strpad00((currentdate.getMonth()+1)) 
    + "/" + currentdate.getFullYear() 
    + " @ " 
    + currentdate.getHours() + ":" 
    + strpad00(currentdate.getMinutes()) + ":" 
    + strpad00(currentdate.getSeconds());

출력 예 : 31/12/2013 @ 10시 7분 49초
getDay ()를 사용하는 경우, 출력 될 4 / 2천13분의 12 @ 10시 7분 49초


2

jQuery 플러그인 페이지가 다운되었습니다. 따라서 수동으로 :

function strpad00(s)
{
    s = s + '';
    if (s.length === 1) s = '0'+s;
    return s;
}

var now = new Date();
var currentDate = now.getFullYear()+ "/" + strpad00(now.getMonth()+1) + "/" + strpad00(now.getDate());
console.log(currentDate );


2
var d = new Date();

var today = d.getFullYear() + '/' + ('0'+(d.getMonth()+1)).slice(-2) + '/' + ('0'+d.getDate()).slice(-2);

이제 수정되었습니다. 문자열 앞에 '0'을 추가하기 전에 d.getMonth () + 1을 계산 (= 대괄호로 설정)해야합니다.
Filip

2

이것은 현재 날짜 문자열을 제공합니다

var today = new Date().toISOString().split('T')[0];

1

당신은 이것을 할 수 있습니다 :

    var now = new Date();
    dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
     // Saturday, June 9th, 2007, 5:46:21 PM

또는 같은 것

    var dateObj = new Date();
    var month = dateObj.getUTCMonth();
    var day = dateObj.getUTCDate();
    var year = dateObj.getUTCFullYear();
    var newdate = month + "/" + day + "/" + year;
    alert(newdate);

1

이 코드를 사용할 수 있습니다 :

var nowDate     = new Date();
var nowDay      = ((nowDate.getDate().toString().length) == 1) ? '0'+(nowDate.getDate()) : (nowDate.getDate());
var nowMonth    = ((nowDate.getMonth().toString().length) == 1) ? '0'+(nowDate.getMonth()+1) : (nowDate.getMonth()+1);
var nowYear     = nowDate.getFullYear();
var formatDate  = nowDay + "." + nowMonth + "." + nowYear;

여기서 실무 데모를 찾을 수 있습니다


1

이것이 jQuery 만 사용하여 얻은 것입니다. 조각을 모으는 것입니다.

        //Gather date information from local system
        var ThisMonth = new Date().getMonth() + 1;
        var ThisDay = new Date().getDate();
        var ThisYear = new Date().getFullYear();
        var ThisDate = ThisMonth.toString() + "/" + ThisDay.toString() + "/" + ThisYear.toString();

        //Gather time information from local system
        var ThisHour = new Date().getHours();
        var ThisMinute = new Date().getMinutes();
        var ThisTime = ThisHour.toString() + ":" + ThisMinute.toString();

        //Concatenate date and time for date-time stamp
        var ThisDateTime = ThisDate  + " " + ThisTime;

0
var d = new Date();
var month = d.getMonth() + 1;
var day = d.getDate();
var year = d.getYear();
var today = (day<10?'0':'')+ day + '/' +(month<10?'0':'')+ month + '/' + year;
alert(today);

이것은 기본적으로 잘못된 형식 (d / m / y)을 제외하고 허용 된 답변의 사본입니다.
Rob Grzyb

0

피에르의 아이디어를 사용하여 만든 타임 스탬프 프로토 타입을 공유하고 싶었습니다. 의견이 충분하지 않습니다 :(

// US common date timestamp
Date.prototype.timestamp = function() {
  var yyyy = this.getFullYear().toString();
  var mm = (this.getMonth()+1).toString(); // getMonth() is zero-based
  var dd  = this.getDate().toString();
  var h = this.getHours().toString();
  var m = this.getMinutes().toString();
  var s = this.getSeconds().toString();

  return (mm[1]?mm:"0"+mm[0]) + "/" + (dd[1]?dd:"0"+dd[0]) + "/" + yyyy + " - " + ((h > 12) ? h-12 : h) + ":" + m + ":" + s;
};

d = new Date();

var timestamp = d.timestamp();
// 10/12/2013 - 2:04:19

0

jQuery-ui datepicker를 사용하면 편리한 날짜 변환 루틴이 내장되어 날짜 형식을 지정할 수 있습니다.

var my_date_string = $.datepicker.formatDate( "yy-mm-dd",  new Date() );

단순한.


0

현재 날짜 형식 가져 오기 dd/mm/yyyy

코드는 다음과 같습니다.

var fullDate = new Date();
var twoDigitMonth = ((fullDate.getMonth().toString().length) == 1)? '0'+(fullDate.getMonth()+1) : (fullDate.getMonth()+1);
var twoDigitDate = ((fullDate.getDate().toString().length) == 1)? '0'+(fullDate.getDate()) : (fullDate.getDate());
var currentDate = twoDigitDate + "/" + twoDigitMonth + "/" + fullDate.getFullYear();
alert(currentDate);

0
function createDate() {
            var date    = new Date(),
                yr      = date.getFullYear(),
                month   = date.getMonth()+1,
                day     = date.getDate(),
                todayDate = yr + '-' + month + '-' + day;
            console.log("Today date is :" + todayDate);

0

자바 스크립트에 확장 메소드를 추가 할 수 있습니다.

Date.prototype.today = function () {
    return ((this.getDate() < 10) ? "0" : "") + this.getDate() + "/" + (((this.getMonth() + 1) < 10) ? "0" : "") + (this.getMonth() + 1) + "/" + this.getFullYear();
}

-3
function returnCurrentDate() {
                var twoDigitMonth = ((fullDate.getMonth().toString().length) == 1) ? '0' + (fullDate.getMonth() + 1) : (fullDate.getMonth() + 1);
                var twoDigitDate = ((fullDate.getDate().toString().length) == 1) ? '0' + (fullDate.getDate()) : (fullDate.getDate());
                var currentDate = twoDigitDate + "/" + twoDigitMonth + "/" + fullDate.getFullYear();
                return currentDate;
            }
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.