2017-07-19 4 views
1

Nous utilisons un sélecteur de date en ligne et je dois modifier la valeur par défaut de la propriété false en true pour todayHighlight. Le problème est que nous utilisons le datepicker inline, donc je ne peux pas le définir lorsque nous l'initialisons à partir de jQuery.Impossible de définir l'option sur le sélecteur de date en ligne

Voici la vue:

<div class="col-sm-3"> 
    <div class="form-group"> 
     <label>Required By</label> 
     <div class="input-group date" data-provide="datepicker"> 
      @Html.TextBoxFor(z => z.RequiredDate, "{0:yyyy-MM-dd}", 
       new 
       { 
        @class = "form-control datepicker" 
       }) 
      <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span></span> 
     </div> 
    </div> 
</div> 

J'ai essayé cette méthode sur la $(document).ready(), mais il ne fonctionne pas:

$('.datepicker').datepicker("option", "todayHighlight", true); 

Est-ce que quelqu'un a des idées sur ce sujet?

+0

Des erreurs ou des alertes de la console? – Twisty

+0

Aussi, où définissez-vous l'original '.datepicker()' – Twisty

+0

Aussi, pour celui-ci en particulier sur cette vue, nous utilisons l'attribut datapicker data-provide. Ceci n'est pas appelé en javascript. Il le fait en ligne sans le besoin. C'est le problème. – Casey

Répondre

1

Si vous n'avez pas défini votre objet DatePicker, l'ajustement d'un option échouera.

Vous pouvez essayer:

$('.datepicker').datepicker().datepicker("option", "todayHighlight", true); 

Vous pouvez aussi le faire comme ceci:

$('.datepicker').datepicker({ 
    todayHighlight: true 
}); 

Si vous voyez encore des problèmes, vous aurez besoin d'enquêter sur toutes les alertes ou les erreurs qui sont étant généré par votre navigateur dans sa console.

+0

merci, je vais essayer cela, et mettre à jour la question. – Casey

+0

J'avais déjà essayé ce que vous avez mentionné avant. J'ai encore donné un coup de feu et toujours pas aller. J'ai remarqué qu'une fois que je déclenche un événement de changement, alors entrez une seule touche, puis elle sélectionne la date actuelle. Puis quand je le vide, il ne sélectionne plus rien. Je ne veux pas "sélectionner" les dates actuelles, mais simplement "gris ou mettre en évidence avec une couleur terne". De cette façon, l'utilisateur final voit automatiquement la date actuelle, peu importe ce qu'il frappe ou sélectionne. Je n'arrive pas à le faire fonctionner. Merci pour les suggestions cependant. – Casey

+0

@Casey ceci n'est pas une caractéristique du 'datepicker()'. Votre description est un peu floue, mais je pense qu'avec CSS, vous pourriez faire quelque chose comme "aujourd'hui" sans le sélectionner. – Twisty