Datepicker de JQuery - pas de date par défaut

Aucune des réponses à la rédaction de ce document a vraiment fonctionné pour moi, donc voici ma solution pavées à partir d'un couple de réponses (pour une ligne datepicker).

    $('.calendar').datepicker("setDate", null); //this unsets the datepicker's internal selected date; it still shows a highlight on today's date that looks like a selected date though
    $('.calendar').find(".ui-datepicker-current-day").removeClass("ui-datepicker-current-day"); //this actually removes the highlight

Sur la base des réponses posté ici, j'ai réussi à faire quelque chose qui a travaillé. Pour ma part, j'ai eu un toujours visible calendrier. Si vous en avez besoin pour un calendrier contextuel, vous devriez être en mesure d'utiliser l'existant onSelect gestionnaire pour effectuer quelque chose de similaire, la première fois qu'il est ouvert.

$("selector").datepicker(/* options */).find(".ui-state-active").removeClass("ui-state-active");

Heureusement, il est vraiment aussi simple que cela avec la dernière version de jQuery UI (1.10.2 de cette écriture). Il ne semble pas interférer avec le bon fonctionnement du widget. Le seul inconvénient est que l'utilisation de la getDate de lecture des résultats dans ce qui aurait été normalement la valeur par défaut de la date sélectionnée.

Pour les fins de mon code, c'est acceptable que mes utilisateurs ne peuvent pas continuer (ils n'ont même pas le bouton "continuer") jusqu'à ce qu'ils ont cliqué sur une date valide à partir du sélecteur. Si ce n'est pas le cas pour vous, quelque chose comme Florian Peschka réponse devrait obtenir ce dont vous avez besoin.

J'ai le même problème à l'aide de inline datepicker.
Le plugin ajouter aujourd'hui sur la cellule/td la classe .ui-datepicker-courant jour et .ui-state-active. Ma solution est d'utiliser une classe personnalisée comme .ui-datepicker-sélectionné-jour et met en œuvre beforeShowDay pour gérer vous-même l'affichage de la date sélectionnée. Quelque chose comme ça:

$("datepicker").datepicker({
  beforeShowDay: function(date) {
  var dateIso = $.datepicker.formatDate("yy-mm-dd", date);
  var dateSelected = $("input").val();
  var classDate = "";
  if(dateSelected === dateIso){
    return [false,"ui-datepicker-selected-day"];
  }else{
    return [true];
  }
}

Exemple de css pour le mettre dans le "highlight" de la cellule:

.ui-widget-content .ui-datepicker-selected-day .ui-state-active{
  background-color: red;
}
+ disable some css from the plugin

Je sais que c'est une vieille question, et je l'ai trouvé parce que j'ai eu la même exigence; ne pas afficher une date dans l'entrée (zone de texte), permettre à l'utilisateur de sélectionner une date dans le datepicker.

Le Balisage (MVC)

<div class="leftContent">
     @Html.TextBox("DateShipOn", Nothing, New With {.class = "DateShipOn", .readonly = "readonly"})
</div>

HTML de Sortie:

<div class="leftContent">
    <input id="DateShipOn" class="DateShipOn hasDatepicker" type="text" value="" readonly="readonly" name="DateShipOn">
</div>

Script (dans le document de prêt):

$('.DateShipOn').datepicker({
    constrainInput: true,
    display: true,
    border: true,
    background: true,
    maxDate: "+1m",
    minDate: new Date('@minDate')
});

$('.DateShipOn').datepicker("setDate", new Date());

L'effet du code ci-dessus est que la zone de saisie de la valeur de la 'minDate' variable sur l'écran ET en cliquant sur l'entrée, le datepicker descend et le "minDate" est sélectionnée par défaut.

Remarque: nous ne Nous permettent pas de saisie manuelle des données, c'est la raison pour laquelle le 'readonly' attribut.

Résolution:

Tout ce que j'avais à faire, dans mon cas, a été commentaire/supprimer la ligne:

$('.DateShipOn').datepicker("setDate", new Date());

Le Résultat:

L'effet est que sur l'affichage;

• Il n'y a pas de date par défaut de la valeur dans l'entrée (zone de texte)
• L'utilisateur ne peut pas taper dans l'entrée (zone de texte)
• Le sélecteur de date descend avec pas de date par défaut sélectionné
• Le minDate empêche les dates avant le minDate de la valeur d'être sélectionné
• La maxDate empêche les dates après le maxDate de la valeur d'être sélectionné

Remarque: Pour mon exigence de " +1m pour maxDate les limites de la sélection de la date à seulement 30 jours à compter de la minDate de la valeur.

Espère que cela aide quelqu'un à sortir.

Ma solution implique la substitution de jQuery ajouter afin que nous puissions supprimer les éléments à chaque fois que le HTML est régénéré et annexé à la div. Cette version corrige un clignotement de la date par défaut lors de la commutation mois et il efface également le hover.

(function($) {
    var origAppend = $.fn.append;

    $.fn.append = function () {
        return origAppend.apply(this, arguments).trigger("append");
    };
})(jQuery);

var datePickerDiv = $("#date-picker");
datePickerDiv.bind("append", function() {
  $(this).find(".ui-datepicker-days-cell-over").removeClass("ui-datepicker-days-cell-over");
  $(this).find(".ui-datepicker-today a ").removeClass("ui-state-highlight ui-state-active ui-state-hover");
});

datePickerDiv.datepicker();

Qu'entendez-vous par vouloir "supprimer" la date par défaut?

Comment pensez-vous que le datepicker va s'ouvrir quand il n'a pas de mois pour commencer?! Vous ont d'avoir une date par défaut.

Modifier sur votre commentaire

Définir une valeur par défaut de la date que vous souhaitez et de vérifier si l'utilisateur a changé. Si oui, il a choisi une date personnalisée.

Une autre approche serait de créer une variable qui est définie à true dès que l'utilisateur clique sur le datepicker de terrain.

Si l'utilisateur soumet le formulaire, vous vérifiez pour cette variable. Si c'est true, l'utilisateur a le choix d'une date. Si pas, il n'a pas touché le datepicker de terrain.