javascript - 根据 form1 选择的日期禁用 form2 中的日期选择 bootstrap-datetimepicker

标签 javascript twitter-bootstrap datepicker

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

这是我当前的日期时间选择器的 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()){
         ....
        }
       });

最佳答案

我就是这样用的

  //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);
            });

关于javascript - 根据 form1 选择的日期禁用 form2 中的日期选择 bootstrap-datetimepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20310271/

相关文章:

html - :hover, 焦点等所有状态的 css 通配符?

javascript - 日期选择器 Bootstrap 中的 "TypeError: date.match is not a function"

javascript - 如何在动态创建的文本字段上创建日期选择器?

javascript - 我无法从 jquery ajax 函数返回 JSON 变量

javascript - ChartJS 2 - 添加 X 个项目后将数据添加到图表中断

javascript - 如何通过JavaScript在textarea onclick上发出control-c/command-c?

jquery - 使用包含 html 文件的相对文件夹

css - 为什么我的 glyphicon 铅笔很胖

javascript - 如何使用 MongoDB 从嵌入数组的文档中删除属性?

javascript - 如何使用自定义指令作为类在 AngularJS 中使用日期选择器?