jquery yyyy comment désactiver la plage de date de fin dans le sélecteur de date bootstrap Twitter?



type date form (1)

Je veux désactiver la date précédente. Par exemple, Si la date de début est sélectionnée en tant que 2015-04-01, la date de fin ne doit commencer qu'à partir du 2015-04-01. La date précédente devrait être désactivée.

$(document).ready(function () {
    var nowdate = new Date();
    var now = new Date(nowdate.getFullYear(), nowdate.getMonth(), nowdate.getDate(), 0, 0, 0, 0);
    var startdate = $("#start_date").datepicker({
        format: 'yyyy-mm-dd',
        onRender: function (date) {
            return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }
    }).on('changeDate', function (ev) {
        startdate.hide();
    }).data('datepicker');
    var enddate = $("#end_date").datepicker({
        format: 'yyyy-mm-dd',
        onRender: function (date) {
            return date.valueOf() > now.valueOf() ? 'disabled' : '';
        }
    }).on('changeDate', function (ev) {
        enddate.hide();
    }).data('datepicker');
});

Merci


Comme Aivan l'a mentionné, il y a plusieurs projets qui correspondent à la description.
En supposant que vous utilisez le bootstrap-datepicker ici . Vous pouvez utiliser l'événement "changeDate" pour capturer la date sélectionnée et la définir comme "date de début" pour le second calendrier sur la page (en utilisant la méthode 'setStartDate').

Quelque chose comme dans l'extrait ci-dessous:

...
$(".dateStart").datepicker().on("changeDate",function(){
    // Get the selected date
    var startDt = $(".dateStart").datepicker("getDate");
    // Set the 'start date' for the second datepicker 
    $(".dateEnd").datepicker("setStartDate",startDt);
});

$(".dateEnd").datepicker();
...

J'ai créé un JSFiddle pour cela - vous pouvez le voir fonctionner ici JSFiddle

J'espère que cela t'aides.





datepicker