Как отключить все предыдущие даты на DatePicker

Question

Как отключить все предыдущие даты на DatePicker

0

У меня есть два выбора даты для выбора даты начала и окончания. Как только я выбираю дату начала, я хочу затушить все предыдущие даты в календаре для поля даты окончания, я попробовал следующий код, но его серые предыдущие даты относительно текущей даты

скрипт

$("#startDate").onChange(function () {
    var currentDate = new Date().getDate();
    var startDate = new Date($(this).val());
    var timeDiff = Math.abs(currentDate.getTime() - startDate.getTime());
    $("#hDate")[0].value = Math.ceil(timeDiff / (1000 * 3600 * 24));
});

$(".datepicker").datepicker({
    buttonImage: "../Images/calender.png",
    buttonImageOnly: true,
    showOn: "button",
    minDate: -($("#hDate")[0].value)
});

HTML

 <input type="text" placeholder="Start" class="datepicker" id="startDate">
 <input type="text" placeholder="End" class="datepicker" id="endDate">
 <input type="hidden" id="hDate" value="">

как я могу решить эту проблему?

Optimus 25 нояб. 2013, в 08:24

Источник

0

попробуйте с помощью jQuery UI jqueryui.com/datepicker/#date-range
yashhy 25 нояб. 2013, в 07:10

Теги:

javascript

jquery

jquery-ui

jquery-ui-datepicker

2 ответа

0

$('#startDate').datepicker({dateFormat: 'yy-mm-dd'});
$('#endDate').datepicker({dateFormat: 'yy-mm-dd'});
$('#startDate').on("change", function() {
       //Begin the re-creation
       $('#end-datepicker').datepicker( "destroy" );
       $('#endDate').datepicker({
                /**
                 * Set the date to be the same as the start
                **/
                minDate : $('#startDate').datepicker( "getDate" ),
                dateFormat: 'yy-mm-dd',
                //Optional: setDate: The same as minDate.
             });
        });

Kirti Pawar 25 нояб. 2013, в 05:07

Ещё вопросы

попробуйте с помощью jQuery UI jqueryui.com/datepicker/#date-range

Salman A · Accepted Answer · 2013-11-25T05-00-00.000Z

Datepicker запускает событие onSelect когда выбрана дата. Используйте это событие, чтобы установить параметр minDate в minDate параметре minDate. Вот как это сделать:

$("#endDate").datepicker();
$("#startDate").datepicker({
    onSelect: function (dateText, inst) {
        var date = $.datepicker.parseDate($.datepicker._defaults.dateFormat, dateText);
        $("#endDate").datepicker("option", "minDate", date);
    }
});

Демо здесь