Définir la valeur initiale dans datepicker jquery?

Je suis en train de définir une valeur initiale dans mon jquery ui datepicker. J'ai essayé de plusieurs façons différentes, mais rien ne semble l'affichage de la date, elle est vide.

var idag = new Date();
$("#txtFrom").datepicker("setDate", idag - 2);
$("#txtTom").datepicker("setDate", idag);
$("#txtFrom").datepicker("refresh");
$("#txtTom").datepicker("refresh");

Je ne suis pas sûr si vous devez appeler le refresh méthode. Êtes-vous en mesure de fournir un champ d'application plus large sur la façon dont vous utilisez ce? Lorsque vous tentez de définir la date?
Andreas: je pense que je l'ai suivie exactement, mais pas de résultats. C'est pourquoi je demande.
l'actualisation était juste une façon d'essayer d'obtenir le texte.
Je déconseille fortement d'utiliser suédois (ou toute autre langue autre que l'anglais d'ailleurs) dans votre code. Depuis peu près tout ce qui n'est pas écrite par vous serez en anglais, vous allez être le mélange des langues, et vous font qu'il est difficile pour les non-suédois de haut-parleurs pour maintenir votre code. Je ne vois pas d'inconvénient à l'utilisation de l'anglais parce que bonne chance pour trouver un programmeur suédois qui ne parle pas l'anglais 🙂 </rant>

InformationsquelleAutor kaze | 2012-03-29

79

cette simple exemple fonctionne pour moi...

HTML
```
<input type="text" id="datepicker">
```
JavaScript
```
var $datepicker = $('#datepicker');
$datepicker.datepicker();
$datepicker.datepicker('setDate', new Date());
```
j'ai pu createthis par simple recherche @ le manuel et lisez l'explication de setDate:

.datepicker( "setDate" , date )

Définit la date actuelle pour le datepicker. La nouvelle date peut-être un Jour
objet ou une chaîne de caractères dans le format de la date (par exemple '01/26/2009"), une
nombre de jours à partir d'aujourd'hui (par exemple, +7), ou une chaîne de valeurs et des périodes
("y" pendant des années, " m "pendant des mois," w "pendant des semaines," d " pour les jours, par exemple '+1m
+7d), ou null pour effacer la date sélectionnée.
- Vous r'droit. Mon erreur était que je pensais que je pouvais le faire en même temps que l'initialisation du plateau, c'est à dire, que seulement $("#txtTom").datepicker("setDate", idag) était suffisant, pas besoin de l' ("#txtTom").datepicker() en premier.
- en fait u peut le faire sur les événements de focus de la datepicker, voici ce que je fais: $(document).sur('focus', ".datepicker", function () { $(this).datepicker(); $(this).datepicker('setDate", new Date($(this).val())); //définir la valeur }); je le fais parce que j'ai ajouter datepickers dynamiquement, donc il va modifier une entrée avec datepicker classe à un datepicker à partir du moment où u sélectionner
- Cela va déclencher le "changeDate' événement qui pourrait ne pas être ce que vous voulez à chaque chargement de page.
InformationsquelleAutor Andreas Niedermair
13

Vous pouvez définir la valeur dans le code HTML, puis init datepicker pour démarrer/mettre en surbrillance la date réelle
```
<input name="datefrom" type="text" class="datepicker" value="20-1-2011">
<input name="dateto" type="text" class="datepicker" value="01-01-2012">
<input name="dateto2" type="text" class="datepicker" >


$(".datepicker").each(function() {    
    $(this).datepicker('setDate', $(this).val());
});
```
Ci-dessus fonctionne même avec des danois, des formats de date

http://jsfiddle.net/DDsBP/2/
- $(this).val() me donne de l'chaîne vide...
- $("".datepicker"").each(function() { var dateval = $(this).attr(""value""); if (dateval != """"){ $(c').datepicker(""setDate"", dateValue); } });
InformationsquelleAutor Henrik Stenbæk
4

De jQuery:

Régler la date pour mettre en surbrillance sur la première ouverture, si le champ est vide. Spécifiez une date réelle par l'intermédiaire d'un objet Date, ou comme une chaîne de caractères dans le courant dateFormat, ou un certain nombre de jours à partir d'aujourd'hui (par exemple, +7), ou une chaîne de valeurs et des périodes ("y" pendant des années, " m "pendant des mois," w "pendant des semaines," d " pour les jours, par exemple '+1m +7d), ou null pour aujourd'hui.

Exemples de Code

Initialiser un datepicker avec le defaultDate option spécifiée.
```
$(".selector").datepicker({ defaultDate: +7 });
```
D'obtenir ou de définir la defaultDate option, après init.
```
//getter
var defaultDate = $(".selector").datepicker("option", "defaultDate");
//setter
$(".selector").datepicker("option", "defaultDate", +7);
```
Après le datepicker est initialisée, vous devez également être en mesure de fixer la date avec:
```
$(/*selector*/).datepicker("setDate" , date)
```
InformationsquelleAutor jb10210
2

Utilisation setDate
```
.datepicker( "setDate" , date )
```
Définit la date actuelle pour le datepicker. La nouvelle date peut-être un objet Date, ou une chaîne de caractères dans le format de la date (par exemple '01/26/2009'), un certain nombre de jours à partir d'aujourd'hui (par exemple, +7), ou une chaîne de valeurs et des périodes ("y" pendant des années, " m "pendant des mois," w "pendant des semaines," d " pour les jours, par exemple '+1m +7d), ou null pour effacer la date sélectionnée.
- -, nan ... " Régler la date pour mettre en surbrillance sur la première ouverture, si le champ est vide.' @ jqueryui.com/demos/datepicker/#option-defaultDate - exemple jsfiddle.net/dittodhole/epHNZ/2
- J'ai mis à jour ma réponse.et upvoted pour vous
- ce n'est pas la date initiale!!! c'est juste "date pour mettre en surbrillance sur la première ouverture" ... il suffit de suivre mon exemple!
- juste enlevé mon downvote - grâce pal de vote pour moi!
- vous avez raison ...
InformationsquelleAutor Pranav

Utiliser ce code, il vous aidera.

<script>
InitializeDate();
</script>




<input type="text" id="txtFromDate" class="datepicker calendar-icon" placeholder="From Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;">
        <input type="text" id="txtToDate" class="datepicker calendar-icon" placeholder="To Date" style="width: 100px; margin-right: 10px; padding: 0px 0px 0px 7px;">


function InitializeDate() {
    var date = new Date();
    var dd = date.getDate();             
    var mm = date.getMonth() + 1;
    var yyyy = date.getFullYear();

    var ToDate = mm + '/' + dd + '/' + yyyy;
    var FromDate = mm + '/01/' + yyyy;
    $('#txtToDate').datepicker('setDate', ToDate);
    $('#txtFromDate').datepicker('setDate', FromDate);
}

S'il vous plaît, ajouter un peu d'intuition lors de la publication des extraits de code.

InformationsquelleAutor Raviender Singh Bisht

1

Je ne suis pas entièrement sûr si j'ai bien compris votre question, mais il semble que vous essayez de définir la valeur d'un input de type Date.

Si vous souhaitez définir une valeur pour un type d'entrée 'Date", alors il doit être au format "aaaa-MM-jj" (Note: le capital MM pour le Mois, minuscules mm pour les minutes). Sinon, il va effacer la valeur et quitter le datepicker vide.

Disons que vous avez un bouton appelé "DateChanger" et que vous souhaitez définir votre datepicker pour "22 Déc 2012" lorsque vous cliquez dessus.
```
<script>
    $(document).ready(function () {
        $('#DateChanger').click(function() {
             $('#dtFrom').val("2012-12-22");
        });
    });
</script>
<input type="date" id="dtFrom" name="dtFrom" />
<button id="DateChanger">Click</button>
```
N'oubliez pas d'inclure JQuery référence.
- L'utilisateur a demandé jQuery datepicker plugin.
InformationsquelleAutor E2rdo
-2

L'utiliser après le code d'initialisation pour obtenir la date du jour (en datepicker format):
```
$(".ui-datepicker-today").trigger("click");
```
InformationsquelleAutor sirKrono

Vous devez vous connecter pour publier un commentaire.