web-dev-qa-db-fra.com

Comment obtenir la date actuelle dans jQuery?

Je veux savoir comment utiliser la fonction Date () dans jQuery pour obtenir la date actuelle au format yyyy/mm/dd.

javascriptjquery
157
Sara

Date() ne fait pas partie de jQuery, c'est l'une des fonctionnalités de JavaScript.

Voir la documentation sur l'objet Date .

Vous pouvez le faire comme ça:

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;

Voir ce jsfiddle pour une preuve.

Le code peut sembler complexe, car il doit traiter les mois et jours représentés par des nombres inférieurs à 10 (ce qui signifie que les chaînes auront un caractère au lieu de deux). Voir ce jsfiddle pour comparaison.

293
Tadeck

Si vous avez une interface utilisateur jQuery (nécessaire pour le sélecteur de date), voici le résultat:

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

jQuery est JavaScript. Utilisez l’objet Javascript Date.

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

En utilisant du Javascript pur, votre prototype peut créer votre propre format AAAAMMJJ ;

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

En JavaScript, vous pouvez obtenir la date et l'heure actuelles à l'aide de l'objet Date.

var now = new Date();

Cela va donner l'heure du poste client local

Exemple pour jquery LINK

Si vous utilisez jQuery DatePicker, vous pouvez l'appliquer à n'importe quel champ de texte comme celui-ci:

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

Étant donné que la question est identifiée par la variable JQuery:

Si vous utilisez également JQuery UI, vous pouvez utiliser $.datepicker.formatDate():

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

Voir ceci démo.

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

Fonction très pratique pour l'utiliser, profitez-en 

12
Usman Younas

Voir this .
La méthode $.now() est un raccourci pour le nombre renvoyé par l'expression (new Date).getTime().

9
No_Nick777

Voici la méthode top pour obtenir le jour, l'année ou le mois en cours

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)
7
Parth Jasani
//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 facilite les choses:

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

cet objet a la valeur zéro, lorsque l'élément n'a qu'un symbole:

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

Cet objet définit l'heure, l'heure et la date réelles:

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>

JQUERY VIEW:

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

EXEMPLE

5
Zombyii

Vous pouvez également réaliser cela avec moment.js . Incluez moment.js dans votre code HTML.

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

Et utilisez le code ci-dessous dans le fichier script pour obtenir la date formatée.

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

FYI - getDay () vous donnera le jour de la semaine ... c'est-à-dire: si nous sommes jeudi, le nombre 4 sera renvoyé (4ème jour de la semaine).

Pour obtenir un jour correct du mois, utilisez getDate ().

Mon exemple ci-dessous ... (également une fonction de remplissage de chaîne pour donner un 0 à gauche sur des éléments temporels uniques. (Par exemple: 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());

Exemple de sortie: 31/12/2013 @ 10:07:49
Si vous utilisez getDay (), le résultat serait 4 / 12/2013 @ 10:07:49

3
mad_dog

Essaye ça....

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

getMonth () renvoie les mois 0 à 11, nous aimerions donc ajouter 1 pour le mois exact

Référence par: http://www.w3schools.com/jsref/jsref_obj_date.asp

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

La page du plugin jQuery est en panne. Donc manuellement:

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

C'est ce que j'ai proposé d'utiliser uniquement jQuery. C'est juste une question de rassembler les morceaux.

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

vous pouvez utiliser ce code:

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;

vous pouvez trouver une démo de travail ici

1
bernte

Tu peux le faire:

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

OU quelque chose comme 

    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

Je voulais juste partager un prototype d'horodatage que j'ai créé à partir de l'idée de Pierre. Pas assez de points pour commenter :(

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

Obtenir le format de date actuel dd/mm/yyyy

Voici le code:

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

Cela vous donnera la chaîne de date actuelle

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

À l’aide de l’outil DatePicker de jQuery-ui, une routine de conversion de date très pratique vous permet de formater les dates:

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

Simple.

0
Justin Levene