.datepicker('setdate') questions, en jQuery

J'ai une fonction qui s'exécute une requête pour obtenir certaines données basée sur une certaine plage de dates sélectionnée à l'aide .datepicker(). Je suis en train de mettre le datepicker qui sont dans les données de réponse à compter de la date qui a été choisie avant que la requête a été exécutée.

queryDate = '2009-11-01';
$('#datePicker').datepicker('setDate', queryDate);

a le résultat intéressant de réglage de la datepicker à la date d'aujourd'hui! Je ne voudrais pas etre si confus si elle vient de cracher une erreur. Pourquoi faut-il définir la date d'aujourd'hui?

Comment puis-je prendre de la date qui est formaté comme, 'yyyy-mm-dd' et régler le datepicker-t-il?

Je pense qu'il pourrait être préférable de simplement définir la zone de texte qui le datepicker est lié à "queryDate'.

InformationsquelleAutor Derek Adair | 2009-12-23

34

Vous devez analyser la chaîne de date, puisque l'utilisation de la ISO8601 format de date avec le Date constructeur n'est pas supporté la croix-browserly encore, (certains navigateurs prennent en charge, car il fera partie de l'EcmaScript 5 standard):
```
var queryDate = '2009-11-01',
    dateParts = queryDate.match(/(\d+)/g)
    realDate = new Date(dateParts[0], dateParts[1] - 1, dateParts[2]);  
                                    //months are 0-based!

$('#datePicker').datepicker({ dateFormat: 'yy-mm-dd' }); //format to show
$('#datePicker').datepicker('setDate', realDate);
```
Vérifiez l'exemple ci-dessus ici.
- Vous avez manqué un peu: $('#datePicker').datepicker('setDate', realDate);
- N'analysent pas la date de votre auto. C'est une mauvaise approche. Mieux utiliser datepicker parseDate fonction. Jetez un oeil à ma réponse.
- êtes-vous sûr que le parseDate utilitaire existé lors de la précédente réponse a été écrit? Je suis d'accord mais, préférez toujours le code existant, si elle fonctionne.
- Quelqu'un a eu des problèmes avec IE8? En utilisant la même technique $('#datePicker').datepicker('setDate', realDate); semble que je suis l'obtention de certains problèmes.
InformationsquelleAutor CMS
72

Lorsque vous essayez d'appeler setDate vous devez fournir une pièce d'javascript objet Date.
```
queryDate = '2009-11-01';

var parsedDate = $.datepicker.parseDate('yy-mm-dd', queryDate);

$('#datePicker').datepicker('setDate', parsedDate);
```
Cela vous permettra d'utiliser des formats différents pour la requête date et chaîne de date de représentation dans datepicker. Cette approche est très utile lorsque vous créez des sites web multilingues. Une autre fonction utile est formatDate, quels sont les formats de javascript objet date de chaîne.
```
$.datepicker.formatDate( format, date, settings );
```
- +1 Bien mieux que la accepté de répondre. Dommage DONC de ne pas disposer d'un moyen d'indiquer qu'une meilleure réponse sont venus (dans ce cas, des années plus tard) à la suite de la réponse qui a été acceptée.
- vous pouvez marquer la question à un modérateur afin de prendre un coup d'oeil, bien sûr, en expliquant que la réponse plus tard, c'est mieux. Je pense que les modérateurs peuvent modifier la réponse de l'acceptation.
InformationsquelleAutor jurka
10

Comme Scobal du post l'indique, le datepicker est à la recherche d'un objet Date, et pas seulement une chaîne de! Donc, pour modifier votre exemple de code pour faire ce que vous voulez:
```
var queryDate = new Date('2009/11/01'); //Dashes won't work
$('#datePicker').datepicker('setDate', queryDate);
```
- A travaillé comme un charme. Et préfère utiliser les fonctions de Date objet que de quelques DIY analyseur par la CMS solution
- Toutefois, les docs de l'état: La nouvelle date peut-être un objet Date, ou une chaîne de caractères dans le format de la date. Vous définissez le format lors de la création du datepicker avec .datepicker({ dateFormat:'yy-mm-dd' }); et pourtant cela ne fonctionne pas - est-ce un bug, une erreur avec la documentation ou autre chose?
InformationsquelleAutor Matt Ball
7

Essayez de la remplacer par:
```
queryDate = '2009-11-01';
$('#datePicker').datepicker({defaultDate: new Date (queryDate)});
```
- Pour une raison quelconque, cela fonctionne mieux que setDate. Dans mon cas, setDate effacé d'entrée sur certains intervalle aléatoire, mais defaultDate fonctionne à chaque fois.
InformationsquelleAutor Mark Pope

function calenderEdit(dob) {
    var date= $('#'+dob).val();
    $("#dob").datepicker({
        changeMonth: true,
        changeYear: true, yearRange: '1950:+10'
    }).datepicker("setDate", date);
}

Exactement ce qui est a la recherche d', ty sir

InformationsquelleAutor jomon

1

Vérifiez que la date que vous essayez de la mettre à l'réside dans le permis de la plage de dates si le minDate ou maxDate options sont définies.

InformationsquelleAutor cfwall

Vous devez vous connecter pour publier un commentaire.