Formatage de la date jQuery

Question 1

Comment puis-je formater la date en utilisant jQuery. J'utilise le code ci-dessous mais j'obtiens une erreur:

 $("#txtDate").val($.format.date(new Date(), 'dd M yy'));

Veuillez suggérer une solution.

Question 2

jQuery dateFormat est un plugin séparé. Vous devez charger cela explicitement à l'aide d'une <script>balise.

Question 3

ajoutez le plugin jquery ui dans votre page.

 $("#txtDate").val($.datepicker.formatDate('dd M yy', new Date()));

Question 4

Une alternative serait la simple fonction js date (), si vous ne voulez pas utiliser le plugin jQuery / jQuery:

par exemple:

var formattedDate = new Date("yourUnformattedOriginalDate");
var d = formattedDate.getDate();
var m =  formattedDate.getMonth();
m += 1;  // JavaScript months are 0-11
var y = formattedDate.getFullYear();

$("#txtDate").val(d + "." + m + "." + y);

voir: 10 façons de formater l'heure et la date à l'aide de JavaScript

Si vous souhaitez ajouter des zéros non significatifs au jour / mois, voici un exemple parfait: Javascript ajoute des zéros non significatifs à ce jour

et si vous voulez ajouter du temps avec des zéros non significatifs, essayez ceci: getMinutes () 0-9 - comment faire avec deux nombres?

Question 5

Voici une fonction vraiment basique que je viens de créer qui ne nécessite aucun plug-in externe:

$.date = function(dateObject) {
    var d = new Date(dateObject);
    var day = d.getDate();
    var month = d.getMonth() + 1;
    var year = d.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date = day + "/" + month + "/" + year;

    return date;
};

Utilisation:

$.date(yourDateObject);

Résultat:

dd/mm/yyyy

Question 6

ThulasiRam, je préfère votre suggestion. Cela fonctionne bien pour moi dans une syntaxe / contexte légèrement différent:

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

Si vous décidez d'utiliser datepicker à partir de l' interface utilisateur JQuery , assurez-vous d'utiliser les références appropriées dans la section <head> de votre document:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

Question 7

J'utilise Moment JS . Est très utile et facile à utiliser.

var date = moment(); //Get the current date
date.format("YYYY-MM-DD"); //2014-07-10

Question 8

J'espère que ce code résoudra votre problème.

var d = new Date();

var curr_day = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();

var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();

curr_month++ ; // In js, first month is 0, not 1
year_2d = curr_year.toString().substring(2, 4)

$("#txtDate").val(curr_day + " " + curr_month + " " + year_2d)

Question 9

Si vous utilisez jquery ui, vous pouvez l'utiliser comme ci-dessous, vous pouvez spécifier votre propre format de date

$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"

Question 10

Utilisez simplement ceci:

var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2);

Question 11

Ajoutez cette fonction à votre <script></script>et appelez de l'endroit où vous voulez<script></script>

<script>

function GetNow(){
    var currentdate = new Date(); 
    var datetime = currentdate.getDate() + "-"
            + (currentdate.getMonth()+1)  + "-" 
            + currentdate.getFullYear() + " "  
            + currentdate.getHours() + ":"  
            + currentdate.getMinutes() + ":" 
            + currentdate.getSeconds();
    return datetime;
}

window.alert(GetNow());

</script>

ou vous pouvez simplement utiliser le Jquery qui fournit également des fonctionnalités de formatage: -

window.alert(Date.parse(new Date()).toString('yyyy-MM-dd H:i:s'));

J'adore la deuxième option. Il résout tous les problèmes en une seule fois.

Question 12

Bien que cette question ait été posée il y a quelques années, un plugin jQuery n'est plus nécessaire à condition que la valeur de date en question soit une chaîne avec un format mm/dd/yyyy(comme lors de l'utilisation d'un sélecteur de date);

var birthdateVal = $('#birthdate').val();
//birthdateVal: 11/8/2014

var birthdate = new Date(birthdateVal);
//birthdate: Sat Nov 08 2014 00:00:00 GMT-0500 (Eastern Standard Time)

Question 13

Vous pouvez ajouter une nouvelle fonction jQuery utilisateur 'getDate'

JSFiddle: getDate jQuery

Ou vous pouvez exécuter un extrait de code. Appuyez simplement sur le bouton "Exécuter l'extrait de code" sous ce message.

// Create user jQuery function 'getDate'
(function( $ ){
   $.fn.getDate = function(format) {

	var gDate		= new Date();
	var mDate		= {
	'S': gDate.getSeconds(),
	'M': gDate.getMinutes(),
	'H': gDate.getHours(),
	'd': gDate.getDate(),
	'm': gDate.getMonth() + 1,
	'y': gDate.getFullYear(),
	}

	// Apply format and add leading zeroes
	return format.replace(/([SMHdmy])/g, function(key){return (mDate[key] < 10 ? '0' : '') + mDate[key];});

	return getDate(str);
   }; 
})( jQuery );


// Usage: example #1. Write to '#date' div
$('#date').html($().getDate("y-m-d H:M:S"));

// Usage: ex2. Simple clock. Write to '#clock' div
function clock(){
	$('#clock').html($().getDate("H:M:S, m/d/y"))
}
clock();
setInterval(clock, 1000); // One second

// Usage: ex3. Simple clock 2. Write to '#clock2' div
function clock2(){

	var format = 'H:M:S'; // Date format
	var updateInterval = 1000; // 1 second
	var clock2Div	= $('#clock2'); // Get div
	var currentTime	= $().getDate(format); // Get time
	
	clock2Div.html(currentTime); // Write to div
	setTimeout(clock2, updateInterval); // Set timer 1 second
	
}
// Run clock2
clock2();

// Just for fun
// Usage: ex4. Simple clock 3. Write to '#clock3' span

function clock3(){

	var formatHM = 'H:M:'; // Hours, minutes
	var formatS = 'S'; // Seconds
	var updateInterval = 1000; // 1 second
	var clock3SpanHM	= $('#clock3HM'); // Get span HM
	var clock3SpanS	= $('#clock3S'); // Get span S
	var currentHM	= $().getDate(formatHM); // Get time H:M
	var currentS	= $().getDate(formatS); // Get seconds
	
	clock3SpanHM.html(currentHM); // Write to div
	clock3SpanS.fadeOut(1000).html(currentS).fadeIn(1); // Write to span
	setTimeout(clock3, updateInterval); // Set timer 1 second
	
}
// Run clock2
clock3();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<div id="date"></div><br>
<div id="clock"></div><br>
<span id="clock3HM"></span><span id="clock3S"></span>

Développer l'extrait

Prendre plaisir!

Question 14

Vous pouvez utiliser cet extrait

$('.datepicker').datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: '1900:+0',
  defaultDate: '01 JAN 1900',
  buttonImage: "http://www.theplazaclub.com/club/images/calendar/outlook_calendar.gif",
  dateFormat: 'dd/mm/yy',
  onSelect: function() {
    $('#datepicker').val($(this).datepicker({
      dateFormat: 'dd/mm/yy'
    }).val());
  }
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<p>
  selector: <input type="text" class="datepicker">
</p>
<p>
  output: <input type="text" id="datepicker">
</p>

Développer l'extrait

Question 15

Nous pouvons simplement formater la date comme,

var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));

Où «date» est une date dans n'importe quel format.

Question 16

Jetez un œil ici:

https://github.com/mbitto/jquery.i18 Maintenant

Ce plugin jQuery vous aide à formater et à traduire la date et l'heure selon vos préférences.

Question 17

Utilisez l'option dateFormat lors de la création du sélecteur de date.

$("#startDate").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                    dateFormat: 'yy/mm/dd'
                });

Question 18

vous pouvez utiliser le code ci-dessous sans le plugin.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
$( function() {
    //call the function on page load
	$( "#datepicker" ).datepicker();
    //set the date format here
    $( "#datepicker" ).datepicker("option" , "dateFormat", "dd-mm-yy");
	
    // you also can use 
    // yy-mm-dd
    // d M, y
    // d MM, y
    // DD, d MM, yy
    // &apos;day&apos; d &apos;of&apos; MM &apos;in the year&apos; yy (With text - 'day' d 'of' MM 'in the year' yy)
	} );
 </script>

Pick the Date: <input type="text" id="datepicker">

Développer l'extrait

Question 19

Cela a fonctionné pour moi avec une légère modification et sans aucun plugin

Entrée: mercredi 11 avril 2018 00:00:00 GMT + 0000

$.date = function(orginaldate) { 
    var date = new Date(orginaldate);
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date =  month + "/" + day + "/" + year; 
    return date;
};

$.date('Wed Apr 11 2018 00:00:00 GMT+0000')

Sortie: 04/11/2018

Question 20

Je ne sais pas si je suis autorisé à répondre à une question qui a été posée il y a 2 ans car c'est ma première réponse sur stackoverflow mais voici ma solution;

Si vous avez une fois récupéré la date de votre base de données MySQL, divisez-la puis utilisez les valeurs divisées.

$(document).ready(function () {
    var datefrommysql = $('.date-from-mysql').attr("date");
    var arraydate = datefrommysql.split('.');
    var yearfirstdigit = arraydate[2][2];
    var yearlastdigit = arraydate[2][3];
    var day = arraydate[0];
    var month = arraydate[1];
    $('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit);
});

Voici un violon .

Question 21

Voici l'exemple de code complet que j'ai montré sur le navigateur, j'espère que vous aussi, merci.

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      <!-- Javascript -->
      <script>
         $(function() {
            $( "#datepicker" ).datepicker({
                minDate: -100,
                maxDate: "+0D",
                dateFormat: 'yy-dd-mm',
                onSelect: function(datetext){
                    $(this).val(datetext);
                },
            });
         });
      </script>
   </head>
   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type="text" id="datepicker"></p>
   </body>
</html>

Question 22

Vous pouvez essayer http://www.datejs.com/

 $('#idInput').val( Date.parse("Jun 18, 2017 7:00:00 PM").toString('yyyy-MM-dd'));

BR

Question 23

vous pouvez utiliser ce codage

$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));

Answer 1

187

Comment puis-je formater la date en utilisant jQuery. J'utilise le code ci-dessous mais j'obtiens une erreur:

 $("#txtDate").val($.format.date(new Date(), 'dd M yy'));

Veuillez suggérer une solution.

jquery DotnetSparrow
la source

1

Erreur d'exécution Microsoft JScript: '$ .format' est nul ou n'est pas un objet

DotnetSparrow

avez-vous inclus le plugin qui inclut les fonctions de format?

zzzzBov

39

Sneaky one liner pour aaaa-mm-jj:new Date().toJSON().substring(0,10)

Mike Causer

c'est fformat (double f)

jorrebor

10

ATTENTION! le code lisse: new Date().toJSON().substring(0,10)a bien fonctionné, mais il renvoie la date au format GMT! Comme nous avons 7 heures de retard sur GMT, je me trompais de date après 17h00. Je viens de perdre quelques heures à trouver la cause / soupir /. Référence

JayRO-GreyBeard

Answer 2

1

Erreur d'exécution Microsoft JScript: '$ .format' est nul ou n'est pas un objet

DotnetSparrow

Answer 3

avez-vous inclus le plugin qui inclut les fonctions de format?

zzzzBov

Answer 4

39

Sneaky one liner pour aaaa-mm-jj:new Date().toJSON().substring(0,10)

Mike Causer

Answer 5

c'est fformat (double f)

jorrebor

Answer 6

10

ATTENTION! le code lisse: new Date().toJSON().substring(0,10)a bien fonctionné, mais il renvoie la date au format GMT! Comme nous avons 7 heures de retard sur GMT, je me trompais de date après 17h00. Je viens de perdre quelques heures à trouver la cause / soupir /. Référence

JayRO-GreyBeard

Answer 7

106

jQuery dateFormat est un plugin séparé. Vous devez charger cela explicitement à l'aide d'une <script>balise.

Pekka
la source

10

@Dotnet bien sûr, en utilisant d'autres fonctions: Voir par exemple ici

Pekka

33

@Dotnet si cela pouvait être fait en utilisant jQuery, il n'y aurait pas de plug-in jQuery pour le formatage de la date, n'est-ce pas?

Pekka

1

Je ne peux pas dire si cela devrait être une blague ou non ... c'est presque génial @pekka. C'est aussi la bonne réponse.

jcolebrand

1

jQuery dateFormat ne fonctionne pas avec jQuery Validate. Ni la version purement JavaScript.

Kunal B.

3

Il est difficile de croire que vanilla jQuery n'a pas de fonction pour formater une date. Cette question a 5 ans, est-ce toujours le cas?

felwithe

Answer 8

10

@Dotnet bien sûr, en utilisant d'autres fonctions: Voir par exemple ici

Pekka

Answer 9

33

@Dotnet si cela pouvait être fait en utilisant jQuery, il n'y aurait pas de plug-in jQuery pour le formatage de la date, n'est-ce pas?

Pekka

Answer 10

1

Je ne peux pas dire si cela devrait être une blague ou non ... c'est presque génial @pekka. C'est aussi la bonne réponse.

jcolebrand

Answer 11

1

jQuery dateFormat ne fonctionne pas avec jQuery Validate. Ni la version purement JavaScript.

Kunal B.

Answer 12

3

Il est difficile de croire que vanilla jQuery n'a pas de fonction pour formater une date. Cette question a 5 ans, est-ce toujours le cas?

felwithe

Answer 13

213

ajoutez le plugin jquery ui dans votre page.

 $("#txtDate").val($.datepicker.formatDate('dd M yy', new Date()));

Thulasiram
la source

2

C'est la réponse que je cherchais, d'autant plus que j'utilise jQuery UI ailleurs.

nzifnab

Existe-t-il un moyen d'obtenir une date + 2 ans?

Serjas

1

var currentDate = nouvelle date (); currentDate.setFullYear (currentDate.getFullYear () + 2);

Thulasiram

c'est dommage qu'il ne supporte pas le formatage de l'heure = S

Thomas

4

Voici le lien vers la doc officielle: api.jqueryui.com/datepicker/#utility-formatDate

Guillaume Husta

Answer 14

2

C'est la réponse que je cherchais, d'autant plus que j'utilise jQuery UI ailleurs.

nzifnab

Answer 15

Existe-t-il un moyen d'obtenir une date + 2 ans?

Serjas

Answer 16

1

var currentDate = nouvelle date (); currentDate.setFullYear (currentDate.getFullYear () + 2);

Thulasiram

Answer 17

c'est dommage qu'il ne supporte pas le formatage de l'heure = S

Thomas

Answer 18

4

Voici le lien vers la doc officielle: api.jqueryui.com/datepicker/#utility-formatDate

Guillaume Husta

Answer 19

Une alternative serait la simple fonction js date (), si vous ne voulez pas utiliser le plugin jQuery / jQuery:

par exemple:

var formattedDate = new Date("yourUnformattedOriginalDate");
var d = formattedDate.getDate();
var m =  formattedDate.getMonth();
m += 1;  // JavaScript months are 0-11
var y = formattedDate.getFullYear();

$("#txtDate").val(d + "." + m + "." + y);

voir: 10 façons de formater l'heure et la date à l'aide de JavaScript

Si vous souhaitez ajouter des zéros non significatifs au jour / mois, voici un exemple parfait: Javascript ajoute des zéros non significatifs à ce jour

et si vous voulez ajouter du temps avec des zéros non significatifs, essayez ceci: getMinutes () 0-9 - comment faire avec deux nombres?

Answer 20

il sera pratique d'ajouter des secondes comme l'a fait @sein

wpcoder

Answer 21

C'est bon jusqu'à ce que l'utilisateur veuille la date récente ou qu'une date soit introduite dans l' Dateobjet. Que diriez-vous d'obtenir la date dans le même format mais 6 mois avant la date du fed ??

Sanjok Gurung

Answer 22

Voici une fonction vraiment basique que je viens de créer qui ne nécessite aucun plug-in externe:

$.date = function(dateObject) {
    var d = new Date(dateObject);
    var day = d.getDate();
    var month = d.getMonth() + 1;
    var year = d.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date = day + "/" + month + "/" + year;

    return date;
};

Utilisation:

$.date(yourDateObject);

Résultat:

dd/mm/yyyy

Answer 23

merci super cool facile à utiliser j'ai essayé de travailler parfaitement

Adnan Zaheer

Answer 24

ThulasiRam, je préfère votre suggestion. Cela fonctionne bien pour moi dans une syntaxe / contexte légèrement différent:

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

Si vous décidez d'utiliser datepicker à partir de l' interface utilisateur JQuery , assurez-vous d'utiliser les références appropriées dans la section <head> de votre document:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

Answer 25

25

J'utilise Moment JS . Est très utile et facile à utiliser.

var date = moment(); //Get the current date
date.format("YYYY-MM-DD"); //2014-07-10

Jhonatascf
la source

Je suis d'accord user3812343! Moment JS est génial - très facile à assimiler par ceux qui ont travaillé avec la syntaxe .NET.

Dominik Ras

besoin en année mois jour heure minute seconde?

Chaitanya Desai

Answer 26

Je suis d'accord user3812343! Moment JS est génial - très facile à assimiler par ceux qui ont travaillé avec la syntaxe .NET.

Dominik Ras

Answer 27

besoin en année mois jour heure minute seconde?

Chaitanya Desai

Answer 28

J'espère que ce code résoudra votre problème.

var d = new Date();

var curr_day = d.getDate();
var curr_month = d.getMonth();
var curr_year = d.getFullYear();

var curr_hour = d.getHours();
var curr_min = d.getMinutes();
var curr_sec = d.getSeconds();

curr_month++ ; // In js, first month is 0, not 1
year_2d = curr_year.toString().substring(2, 4)

$("#txtDate").val(curr_day + " " + curr_month + " " + year_2d)

Answer 29

Si vous utilisez jquery ui, vous pouvez l'utiliser comme ci-dessous, vous pouvez spécifier votre propre format de date

$.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017"

Answer 30

7

Utilisez simplement ceci:

var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2);

Téton
la source

1

Notez que cela vous donne une date un mois dans le passé (sauf si elle est consultée en janvier, auquel cas elle vous donne '00' pour le mois) car date.getMonth () est un index de base zéro.

jaybrau

Answer 31

1

Notez que cela vous donne une date un mois dans le passé (sauf si elle est consultée en janvier, auquel cas elle vous donne '00' pour le mois) car date.getMonth () est un index de base zéro.

jaybrau

Answer 32

Ajoutez cette fonction à votre <script></script>et appelez de l'endroit où vous voulez<script></script>

<script>

function GetNow(){
    var currentdate = new Date(); 
    var datetime = currentdate.getDate() + "-"
            + (currentdate.getMonth()+1)  + "-" 
            + currentdate.getFullYear() + " "  
            + currentdate.getHours() + ":"  
            + currentdate.getMinutes() + ":" 
            + currentdate.getSeconds();
    return datetime;
}

window.alert(GetNow());

</script>

ou vous pouvez simplement utiliser le Jquery qui fournit également des fonctionnalités de formatage: -

window.alert(Date.parse(new Date()).toString('yyyy-MM-dd H:i:s'));

J'adore la deuxième option. Il résout tous les problèmes en une seule fois.

Answer 33

1

Cette 2ème option me donne "l'argument de base doit être compris entre 2 et 36 à Number.toString". Il plante.

IRGeekSauce

Answer 34

Bien que cette question ait été posée il y a quelques années, un plugin jQuery n'est plus nécessaire à condition que la valeur de date en question soit une chaîne avec un format mm/dd/yyyy(comme lors de l'utilisation d'un sélecteur de date);

var birthdateVal = $('#birthdate').val();
//birthdateVal: 11/8/2014

var birthdate = new Date(birthdateVal);
//birthdate: Sat Nov 08 2014 00:00:00 GMT-0500 (Eastern Standard Time)

Answer 35

Vous pouvez ajouter une nouvelle fonction jQuery utilisateur 'getDate'

JSFiddle: getDate jQuery

Ou vous pouvez exécuter un extrait de code. Appuyez simplement sur le bouton "Exécuter l'extrait de code" sous ce message.

// Create user jQuery function 'getDate'
(function( $ ){
   $.fn.getDate = function(format) {

	var gDate		= new Date();
	var mDate		= {
	'S': gDate.getSeconds(),
	'M': gDate.getMinutes(),
	'H': gDate.getHours(),
	'd': gDate.getDate(),
	'm': gDate.getMonth() + 1,
	'y': gDate.getFullYear(),
	}

	// Apply format and add leading zeroes
	return format.replace(/([SMHdmy])/g, function(key){return (mDate[key] < 10 ? '0' : '') + mDate[key];});

	return getDate(str);
   }; 
})( jQuery );


// Usage: example #1. Write to '#date' div
$('#date').html($().getDate("y-m-d H:M:S"));

// Usage: ex2. Simple clock. Write to '#clock' div
function clock(){
	$('#clock').html($().getDate("H:M:S, m/d/y"))
}
clock();
setInterval(clock, 1000); // One second

// Usage: ex3. Simple clock 2. Write to '#clock2' div
function clock2(){

	var format = 'H:M:S'; // Date format
	var updateInterval = 1000; // 1 second
	var clock2Div	= $('#clock2'); // Get div
	var currentTime	= $().getDate(format); // Get time
	
	clock2Div.html(currentTime); // Write to div
	setTimeout(clock2, updateInterval); // Set timer 1 second
	
}
// Run clock2
clock2();

// Just for fun
// Usage: ex4. Simple clock 3. Write to '#clock3' span

function clock3(){

	var formatHM = 'H:M:'; // Hours, minutes
	var formatS = 'S'; // Seconds
	var updateInterval = 1000; // 1 second
	var clock3SpanHM	= $('#clock3HM'); // Get span HM
	var clock3SpanS	= $('#clock3S'); // Get span S
	var currentHM	= $().getDate(formatHM); // Get time H:M
	var currentS	= $().getDate(formatS); // Get seconds
	
	clock3SpanHM.html(currentHM); // Write to div
	clock3SpanS.fadeOut(1000).html(currentS).fadeIn(1); // Write to span
	setTimeout(clock3, updateInterval); // Set timer 1 second
	
}
// Run clock2
clock3();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<div id="date"></div><br>
<div id="clock"></div><br>
<span id="clock3HM"></span><span id="clock3S"></span>

Développer l'extrait

Prendre plaisir!

Answer 36

Vous pouvez utiliser cet extrait

$('.datepicker').datepicker({
  changeMonth: true,
  changeYear: true,
  yearRange: '1900:+0',
  defaultDate: '01 JAN 1900',
  buttonImage: "http://www.theplazaclub.com/club/images/calendar/outlook_calendar.gif",
  dateFormat: 'dd/mm/yy',
  onSelect: function() {
    $('#datepicker').val($(this).datepicker({
      dateFormat: 'dd/mm/yy'
    }).val());
  }
});

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<p>
  selector: <input type="text" class="datepicker">
</p>
<p>
  output: <input type="text" id="datepicker">
</p>

Développer l'extrait

Answer 37

Nous pouvons simplement formater la date comme,

var month = date.getMonth() + 1;
var day = date.getDate();
var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear();
$("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1)));

Où «date» est une date dans n'importe quel format.

Answer 38

Jetez un œil ici:

https://github.com/mbitto/jquery.i18 Maintenant

Ce plugin jQuery vous aide à formater et à traduire la date et l'heure selon vos préférences.

Answer 39

Utilisez l'option dateFormat lors de la création du sélecteur de date.

$("#startDate").datepicker({
                    changeMonth: true,
                    changeYear: true,
                    showButtonPanel: true,
                    dateFormat: 'yy/mm/dd'
                });

Answer 40

vous pouvez utiliser le code ci-dessous sans le plugin.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script>
$( function() {
    //call the function on page load
	$( "#datepicker" ).datepicker();
    //set the date format here
    $( "#datepicker" ).datepicker("option" , "dateFormat", "dd-mm-yy");
	
    // you also can use 
    // yy-mm-dd
    // d M, y
    // d MM, y
    // DD, d MM, yy
    // &apos;day&apos; d &apos;of&apos; MM &apos;in the year&apos; yy (With text - 'day' d 'of' MM 'in the year' yy)
	} );
 </script>

Pick the Date: <input type="text" id="datepicker">

Développer l'extrait

Answer 41

Cela a fonctionné pour moi avec une légère modification et sans aucun plugin

Entrée: mercredi 11 avril 2018 00:00:00 GMT + 0000

$.date = function(orginaldate) { 
    var date = new Date(orginaldate);
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month < 10) {
        month = "0" + month;
    }
    var date =  month + "/" + day + "/" + year; 
    return date;
};

$.date('Wed Apr 11 2018 00:00:00 GMT+0000')

Sortie: 04/11/2018

Answer 42

Je ne sais pas si je suis autorisé à répondre à une question qui a été posée il y a 2 ans car c'est ma première réponse sur stackoverflow mais voici ma solution;

Si vous avez une fois récupéré la date de votre base de données MySQL, divisez-la puis utilisez les valeurs divisées.

$(document).ready(function () {
    var datefrommysql = $('.date-from-mysql').attr("date");
    var arraydate = datefrommysql.split('.');
    var yearfirstdigit = arraydate[2][2];
    var yearlastdigit = arraydate[2][3];
    var day = arraydate[0];
    var month = arraydate[1];
    $('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit);
});

Voici un violon .

Answer 43

Voici l'exemple de code complet que j'ai montré sur le navigateur, j'espère que vous aussi, merci.

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Datepicker functionality</title>
      <link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet">
      <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
      <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
      <!-- Javascript -->
      <script>
         $(function() {
            $( "#datepicker" ).datepicker({
                minDate: -100,
                maxDate: "+0D",
                dateFormat: 'yy-dd-mm',
                onSelect: function(datetext){
                    $(this).val(datetext);
                },
            });
         });
      </script>
   </head>
   <body>
      <!-- HTML --> 
      <p>Enter Date: <input type="text" id="datepicker"></p>
   </body>
</html>

Answer 44

0

Vous pouvez essayer http://www.datejs.com/

 $('#idInput').val( Date.parse("Jun 18, 2017 7:00:00 PM").toString('yyyy-MM-dd'));

BR

Condemateguadua
la source

Answer 45

-1

vous pouvez utiliser ce codage

$('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));

Endang Taryana
la source

2

Les réponses basées uniquement sur le code sont déconseillées car elles n'expliquent pas comment elles résolvent le problème. Veuillez mettre à jour votre réponse pour expliquer comment cela améliore les nombreuses autres réponses acceptées et votées pour cette question. En outre, cette question a 6 ans, vos efforts seraient plus appréciés par les utilisateurs qui ont récemment posé des questions sans réponse. Veuillez consulter Comment écrire une bonne réponse .

FluffyKitten

1

La réponse n'a pas mentionné que l'interface utilisateur jQuery était requise

sean2078

Answer 46

2

Les réponses basées uniquement sur le code sont déconseillées car elles n'expliquent pas comment elles résolvent le problème. Veuillez mettre à jour votre réponse pour expliquer comment cela améliore les nombreuses autres réponses acceptées et votées pour cette question. En outre, cette question a 6 ans, vos efforts seraient plus appréciés par les utilisateurs qui ont récemment posé des questions sans réponse. Veuillez consulter Comment écrire une bonne réponse .

FluffyKitten

Answer 47

1

La réponse n'a pas mentionné que l'interface utilisateur jQuery était requise

sean2078

Formatage de la date jQuery

Réponses: