Twitter Bootstrap datepicker: comment faire pour activer uniquement spécifique daterange

Je suis en train de travailler sur un projet basé sur Twitter Bootstrap qui à l'aide d'un datepicker de https://github.com/eternicode/bootstrap-datepicker (qui est un fork d'une autre version), mais il manque une caractéristique très importante que j'ai besoin d' - comment faire pour activer la seule plage de dates spécifique (par exemple. de passé 15 jours jusqu'à aujourd'hui), de sorte que toute autre date ne peut pas être encore sélectionnée (non cliquable).

J'ai trouvé une solution similaire ici, ce qui désactive les samedis et dimanches:
Limite de bootstrap-datepicker pour les jours de semaine seulement?
http://jsfiddle.net/katowulf/zNbUT/5/ , mais je ne sais pas comment l'adapter à mes besoins.

Merci d'avance.

OriginalL'auteur jabbalesku | 2012-09-29

  1. 14

    La question similaire, vous avez accédé à fini à l'aide d'un hack, mais ce que vous voulez, c'est beaucoup plus simple: vous êtes à la recherche pour le startDate et endDate options:

    $('#dp1').datepicker({
    format: 'mm-dd-yyyy',
    startDate: '-15d',
    endDate: '+0d' //there's no convenient "right now" notation yet
});

    Ces options peuvent prendre Date objets, timedelta des chaînes (comme je l'ai fait ici), ou de la date de cordes à la suite de la donnée format.

    Démo: http://jsfiddle.net/zNbUT/131/

    Aussi, assurez-vous d'utiliser le code à partir de github -- eyecon.ro la copie est le code d'origine, avec de vieux bugs et sans les nouvelles fonctionnalités.

    Déjà trouvé cette solution sur stackoverflow.com/questions/11933173/.... Est-il une option pour faire restreinte jours "grisé", de sorte que les utilisateurs peuvent voir les dates pouvez sélectionner avant d'essayer?
    les personnes handicapées jours devrait déjà être en grisé si vous utilisez les styles inclus dans le repo.

    OriginalL'auteur eternicode

  2. 3
    var startDate = new Date();
startDate.setDate(startDate.getDate()-15);

var endDate = new Date();

$('#dp1')
.datepicker().on('changeDate', function(ev){
    if (ev.date.valueOf() > endDate.valueOf()){
       alert('The date selected is too far in the future.');
    } else if (ev.date.valueOf() < startDate.valueOf()){
        alert('The date selected is too far in the past');
    } else {
        alert('fine')
    }

    });

    http://jsfiddle.net/XSmx6/14/

    Ne fonctionnent pas. Essayé ici: jsfiddle.net/XSmx6/1
    Vous devez définir un gestionnaire et annuler la sélection si elle est hors de portée.
    J'ai mis à jour et ajouté un jsfiddle
    vous ne me comprenait pas. Je l'ai déjà fait avec des alertes, mais j'ai besoin de quelque chose de différent. Restreint les dates ne devrait pas même être cliquable, comme ici jsfiddle.net/katowulf/zNbUT/5 (vous ne pouvez pas cliquer sur les jours de week-end). De toute façon, merci pour l'effort.
    ah juste assez. Je sais que la commutation peut être une corvée, mais jQuery UI datepicker a ce que des fonctionnalités intégrées - il serait peut-être plus facile à utiliser et ajuster les couleurs.

    OriginalL'auteur Harry