基于form1选择的日期bootstrap-datetimepicker禁用form2中的日期分拣

时间:2013-12-01 08:31:51

标签: javascript twitter-bootstrap datepicker

我目前正在使用(http://www.malot.fr/bootstrap-datetimepicker/)这个非常棒的bootstrap-datetimepicker。如何根据form1选择日期在form2上禁用日期??

这是我当前的datetimepicker的javascript

    $('.bookingfrom').datetimepicker({
            language:  'en',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            startDate: '+0d',
            forceParse: 0
        });
    $('.bookinguntil').datetimepicker({
            language:  'en',
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            startDate: '+0d',
            forceParse: 0
        });

我在文档中找到了1个函数,我认为可以完成这项工作。我只是不知道如何。

  $('#date-end')
 .datetimepicker()
 .on('changeDate', function(ev){
     if (ev.date.valueOf() < date-start-display.valueOf()){
         ....
        }
       });

1 个答案:

答案 0 :(得分:0)

我已经像这样使用它了

&#13;
&#13;
  //Set the date picker on the text boxes for Check Out Date
            $(".checkOutDate").datetimepicker({
                format: "dd M yyyy",
                autoclose: true,
                showMeridian: true,
                startDate: minDateForCheckIn
            }).on('changeDate', function (ev) {
                //Parse the selected date string to date object.
                var dateSelected = new Date(Date.parse(ev.date));
                //Subtract 5 hours and 35 minutes (extra 5 minutes to prevent selection of same time in check in field) to adjust GMT timings.
                dateSelected.setHours(dateSelected.getHours() +24, 0, 0, 0);
                $(".checkInDate").datetimepicker('setEndDate', dateSelected);
            });

            //Set the date picker on the text boxes for Check In Date. [Once the check in date is selected, set the selected date as min date for check out]
            $(".checkInDate").datetimepicker({
                format: "dd M yyyy",
                autoclose: true,
                showMeridian: true,
                startDate: minDateForCheckIn
            }).on('changeDate', function (ev) {
                //Parse the selected date string to date object.
                var dateSelected = new Date(Date.parse(ev.date));
                //Subtract 5 hours and 25 minutes (less 5 minutes to prevent selection of same time in check out field) to adjust GMT timings.
                dateSelected.setHours(dateSelected.getHours() + 24, 0, 0, 0);
                $(".checkOutDate").datetimepicker('setStartDate', dateSelected);
            });
&#13;
&#13;
&#13;