ti-enxame.com

Como obter data atual no jquery?

Eu quero saber como usar a função Date () no jQuery para obter a data atual em um formato yyyy/mm/dd.

157
Sara

Date() não faz parte de jQuery, é um dos recursos do JavaScript.

Veja a documentação sobre o objeto Date .

Você pode fazer assim:

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;

Veja este jsfiddle para uma prova.

O código pode parecer complexo, porque ele deve lidar com meses e dias sendo representados por números menores que 10 (significando que as strings terão um caracter em vez de dois). Veja este jsfiddle para comparação.

293
Tadeck

Se você tiver o jQuery UI (necessário para o datepicker), isso funcionará:

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

jQuery é JavaScript. Use o objeto Javascript Date.

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

Usando JavaScript puro você pode prototipar seu próprio formato 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
28
Pierre

Em JavaScript, você pode obter a data e a hora atuais usando o objeto Date;

var now = new Date();

Isto irá obter o tempo da máquina do cliente local

Exemplo para jquery LINK

Se você estiver usando o jQuery DatePicker, você pode aplicá-lo em qualquer campo de texto como este:

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

Como a questão é marcada como JQuery:

Se você também estiver usando JQuery UI você pode usar $.datepicker.formatDate():

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

Veja this demo.

14
fardjad
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;
}

Função muito útil para usá-lo, aproveite 

12
Usman Younas

Veja this .
O método $.now() é um atalho para o número retornado pela expressão (new Date).getTime().

9
No_Nick777
//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
nithin

Moment.js torna muito fácil:

moment().format("YYYY/MM/DD")
5
Vitalii Fedorenko

este objeto é definido como zero quando o elemento possui apenas um símbolo:

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

Este objeto define o horário, a hora e a data reais:

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>

VISTA DE JURO:

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

EXAMPLE

5
Zombyii

Você pode conseguir isso com o moment.js também. Inclua moment.js no seu html.

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

E use abaixo o código no arquivo de script para obter a data formatada.

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

FYI - getDay () lhe dará o dia da semana ... ou seja: se hoje for quinta-feira, retornará o número 4 (sendo o 4º dia da semana).

Para obter um dia adequado do mês, use getDate ().

Meu exemplo abaixo ... (também uma função de preenchimento de string para dar um 0 à frente em elementos de tempo único. (Ex: 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());

Exemplo de saída: 31/12/2013 @ 10:07:49
Se estiver usando getDay (), a saída será 4 / 12/2013 @ 10:07:49

3
mad_dog

Tente isso ....

var d = new Date();
alert(d.getFullYear()+'/'+(d.getMonth()+1)+'/'+d.getDate());

getMonth () retorna o mês de 0 a 11, então gostaríamos de adicionar 1 para o mês exato

Referência: http://www.w3schools.com/jsref/jsref_obj_date.asp

3
Gaurav Agrawal
console.log($.datepicker.formatDate('yy/mm/dd', new Date()));
2
Fawad Ghafoor

A página do plugin jQuery está inativa. Então manualmente:

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
PiTheNumber

Isso é o que eu criei usando apenas o jQuery. É só uma questão de juntar as peças.

        //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;
1
Max Wright

você pode usar este código:

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;

você pode encontrar uma demonstração de trabalho aqui

1
bernte

Você consegue fazer isso:

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

OU Algo como 

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

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

Eu só queria compartilhar um protótipo de timestamp que fiz usando a ideia de Pierre. Não há pontos suficientes para comentar :(

// 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
Bullyen

Obtenha o formato de data atual dd/mm/yyyy

Aqui está o código:

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
sridhar

Isso lhe dará a string de data atual

var today = new Date().toISOString().split('T')[0];
0
Sajeer Babu
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);
0
sunandak
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
Kaushik Shrimali

Usando o datepicker jQuery-ui, ele possui uma prática rotina de conversão de datas, para que você possa formatar as datas:

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

Simples.

0
Justin Levene