Changer startDate et endDate params de BootStrap Datepicker sur le changement de la Boîte de sélection

Ce que je suis en train de faire :

Je suis en train de mettre la startDate et endDate params selon la valeur actuelle de l'année.
Je pense que currenty ce que je viens définit les paramètres onLoad, cependant j'ai besoin de savoir si il existe un moyen qui peut me permettre de déclencher la mise à jour de la date de début /date de fin Params dans certains cas

Voici le code :

html :

<select id="mySelect">
    <option value="2012-2013">2012-2013</option>
    <option value="2012-2013">2013-2014</option>
    <option value="2012-2013">2015-2016</option>
</select>
<input type="text" id="myStartDate" placeholder="dd-mon-yyyy" data-date-format="dd-M-yyyy" readonly="readonly">

js :

var myStartDt = $('#myStartDate')
    .datepicker({
    startDate: getStartDate(),
    endDate: getEndDate()

}).on('changeDate', function (ev) {

    myStartDt.hide();
}).data('datepicker');

function getStartDate() {
    var f = $('#mySelect').val().split('-');
    return '01/04/' + f[0];
}

function getEndDate() {
    var f = $('#mySelect').val().split('-');
    alert(f);
    return '31/03/' + f[1];
}

violon : http://jsfiddle.net/fRzyL/1/

OriginalL'auteur Avinash | 2013-10-09

  1. 9

    Modifier les valeurs de option 2013-2014 et 2015-2016 comme

    <select id="mySelect">
    <option value="2012-2013">2012-2013</option>
    <option value="2013-2014">2013-2014</option>
    <option value="2015-2016">2015-2016</option>
</select>

    De changer cela pour js,

    var myStartDt;
function mydatepicker(){
   myStartDt= $('#myStartDate')
        .datepicker({
        startDate: getStartDate(),
        endDate: getEndDate()
    }).on('changeDate', function (ev) {
        myStartDt.hide();
    }).data('datepicker');
}
 $("#mySelect").on('change',function(){
    //alert(this.value)
    $('#myStartDate').datepicker("remove");
    mydatepicker();//$('#id-element').datepicker("destroy");
});
mydatepicker();

    Violon

    ne fonctionne pas, déjà essayé avant. Je pense que lorsque la page se charge, le datepicker obtient les valeurs de getStartDate et getEndDate fonctions et de le définir comme params (une seule fois). En conséquence, n'importe quelle option choisir, il affichera les dates pour l'année 2012-2013
    Nope. Même qu'avant.
    Fonctionne comme un charme !! Merci pour votre aide 🙂
    Supprimer+re-créer? 🙁

    OriginalL'auteur Rohan Kumar

  2. 24

    Je pense que vous pouvez simplement utiliser setStartDate et setEndDate méthodes: http://jsfiddle.net/ivkremer/fRzyL/21/

    Merci pour le commentaire. Je ne vois pas de n'importe où ailleurs sur les interwebs, où il est dit que vous devez accéder à la datepicker objet par le biais des données().
    Même si cela fonctionne parfaitement. Pour moi, j'ai pu définir le début/date de fin d'une fois pendant le chargement de la page, mais les changements n'étaient pas appliquées plus tard. En utilisant cette méthode, cependant, ne permettent de mettre à jour dynamiquement le début/date de fin.
    Merci beaucoup. Il fonctionne comme un charme.

    OriginalL'auteur ivkremer