Comment lire la Date de zone de texte, ayant Jquery UI DatePicker

Ci-dessous Jquery UI Date Picker affiche la date dans le format correct, mais il lit mal.

HTML:

<input type="text" id="date">
<input type="button" id="btn" value="Show"/>

JavaScript:

$('#date').datepicker({dateFormat: 'dd-mm-yy'});
$('#btn').click(function(){
  var _myDate = new Date($('#date').val());
  alert(_myDate);
});

Quoi de mal? ( Jsfiddle Ici)

Il affiche la date correcte, mais il lit mal...

Lorsque je l'utilise comme ceci:

$('#btn').click(function(){
      var _myDate = $('#date').val();
      alert(_myDate);
 });

C'est ok, mais quand passer à côté Serveur à l'aide de C# comme une chaîne de caractères, puis de le convertir à DateTime il me donne l'erreur de Invalid Date lorsque tous les Day est sélectionné plus de 12. Il traite avec Day un mois. Et mon format de la Date est dd/mm/yyyy.

InformationsquelleAutor Shahid Iqbal | 2014-03-05

c'est peut-être votre réponse

$( "#date" ).datepicker({dateFormat: 'mm-dd-yy'});
    $('#btn').click(function(){
    var _myDate = new Date($('#date').val());
    var new_date=_myDate.split('-');
    var month=new_date[0];
    var day=new_date[1];
    var year=new_date[2];
    //you have 3 data, month, day and year.

    alert(month+"/"+day+"/"+year);
    });

vous pouvez utiliser que 3 variable jour, mois, année pour écrire vos programmes

Votre accueil et que dieu vous bénisse. n'oubliez pas d'appuyer sur la coche verte pour dire que c'est la vraie réponse. 🙂

InformationsquelleAutor M98

0

Changement var _myDate = new Date($('#date').val() ); à var _myDate = $('#date').val());
- Avez-vous testé votre suggestion sur Shahid de JSFiddle?
- Oui j'ai testé pour son post original, qui n'ont pas le côté serveur de la section !
- Je vois, c'est la partie qui me manquait. Afin de vous suggérer de passer la valeur "tel quel", et de faire la conversion sur le serveur à l'aide de c# / .net-library conversions, droit?
- Non! Je ne dirais pas que.En fait, j'avais l'intention de publier l'ensemble de la solution, mais j'ai réalisé que Kermani avait presque réussi à le faire. Donc, je ne l'ai pas fait. Pour poster un culture-agnostique valeur à la date de serveur, l'auteur doit utiliser le format aaaa-mm-jj format.By faire de cette façon, le côté serveur de code va fonctionner très bien .
- Je suis d'accord, et si c'est une demande internationale, le décalage UTC doit être envoyé en tant que bien. ISO format de date/heure est recommandée.
InformationsquelleAutor Toan Nguyen

essayez comme ceci

$( "#date" ).datepicker({dateFormat: 'mm-dd-yy'});
$('#btn').click(function(){
var _myDate = new Date($('#date').val()  );
alert(_myDate);
});

DÉMO

InformationsquelleAutor Anoop Joshi

0

Vous n'avez pas besoin de la Date de déclaration de type, vous pouvez simplement le faire
```
$( "#date" ).datepicker({dateFormat: 'dd-mm-yy'});
$('#btn').click(function(){
  var _myDate = $('#date').val();
alert(_myDate);
});
```
Javascript est un typées dynamiquement de la langue de sorte que la Date d'initialisation est inutile

InformationsquelleAutor Carl Sargunar
0

Essayez ceci: c'est du bon travail,
```
  $('#date').datepicker({dateFormat: 'dd-mm-yy',  changeMonth:true, changeYear:true,showOn: "both",buttonImage: "",buttonImageOnly: false });

console.log($('#date').val());
```
- Dans la Console, il fonctionne très bien, mais sur le côté serveur sa date non valide, quand le jour est de plus de 12 comme 13-03-14.
InformationsquelleAutor Mr.G

Ma fonction javaScript...

convertDate = function (strDate) {
   var newDate = new Date();
   var oldDate = '';
   if (strDate.contains('/')) {
         oldDate = strDate.split('/');
      } else if (strDate.contains('-')) {
         oldDate = strDate.split('-');
      }
     //OldDate format is dd/mm/yyyy
      newDate.setDate(oldDate[0]);
      newDate.setMonth(oldDate[1] - 1);
      newDate.setYear(oldDate[2]);
      return newDate;
 }

InformationsquelleAutor Shahid Iqbal

0

Juste analyser la zone de texte valeur à l'aide de parseDate avec le même format d'abord configurer le datepicker:
```
console.log($.datepicker.parseDate("dd-mm-yy", $('#date').val()));
```
parseDate sera de retour un objet Date, de sorte que vous n'avez pas besoin de le créer manuellement.

InformationsquelleAutor Delmo

Vous devez vous connecter pour publier un commentaire.