web-dev-qa-db-fra.com

récupère la valeur sélectionnée dans datePicker et la formate

Dans le datePicker sélectionné 20.04.2012. Je veux obtenir cette valeur, la formater et la stocker dans une variable. J'utilise ce code:

var date = $("#scheduleDate").datepicker({ dateFormat: 'dd,MM,yyyy' }).val();

Mais le résultat est 20.04.2012. Aussi, j'ai essayé ce code:

var dateTypeVar = $('#scheduleDate').datepicker('getDate');
$.datepicker.formatDate('dd-MM-yy', dateTypeVar);

Le résultat est Fri Apr 20 2012 00:00:00 GMT+0600.

Je veux obtenir ce qui suit: 20, April, 2012
Comment formater correctement?
Merci.

jqueryjquery-uidatepicker
5
user348173

Si vous souhaitez utiliser la valeur d’entrée formatée, procédez comme suit:

$("input").datepicker({ dateFormat: 'dd, mm, yy' });

plus tard dans votre code lorsque la date est définie, vous pouvez l'obtenir par

dateVariable = $("input").val();

Si vous voulez juste prendre une valeur formatée avec datepicker, vous pouvez utiliser l'utilitaire

dateString = $.datepicker.formatDate('dd, MM, yy', new Date("20 April 2012"));

J'ai mis à jour le jsfiddle pour expérimenter avec cela 

19
drinchev
var dateObject = $("#datePickerInput").datepicker('getDate');
$.datepicker.formatDate('dd MM, yy', dateObject);
4
pritam kumar
$('#scheduleDate').datepicker({ dateFormat : 'dd, MM, yy'});

var dateFormat = $('#scheduleDate').datepicker('option', 'dd, MM, yy');

$('#scheduleDate').datepicker('option', 'dateFormat', 'dd, MM, yy');

var result = $('#scheduleDate').val();

alert('result: ' + result);

résultat: 20 avril 2012

0
mr.java

Utilisez jquery-dateFormat . Cela résoudra votre problème.

Vous devez inclure le fichier jquery.dateFormat dans votre fichier html.

<script>
var date = $('#scheduleDate').val();
document.write($.format.date(date, "dd,MM,yyyy"));

var dateTypeVar = $('#scheduleDate').datepicker('getDate');
document.write($.format.date(dateTypeVar, "dd-MM-yy"));
</script>
0
sarwar026