DateNangePicker禁用第二个日历，并将其用作datePicker

Question

我有这个示例

    $('#datepicker').daterangepicker({
            timePicker: true,
            startDate: new Date(),
            endDate: new Date(),
            locale: {
                format: 'MM/DD/YYYY HH:mm'
            }
        }, function(start, end, label) {
            $("#range1").val(start.format('MM/DD/YYYY HH:mm:00')+" - "+end.format('MM/DD/YYYY HH:mm:00'));
    });

我如何可以动态地更改daterangepicker？

Answer 1

只需添加：" singledatepicker：true"到您的代码：

 $('#datepicker').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        startDate: new Date(),
        endDate: new Date(),
        locale: {
            format: 'MM/DD/YYYY HH:mm'
        }
    }, function(start, end, label) {
        $("#range1").val(start.format('MM/DD/YYYY HH:mm:00')+" - "+end.format('MM/DD/YYYY HH:mm:00'));
});

文档：http：//www.daterangepicker.com/#example3

您可以在此处测试所有变量：http：//www.daterangepicker.com/#config

Answer 2

从代码中删除时间字段

$('#datepicker').daterangepicker({
            timePicker: true,
            startDate: new Date(),
            endDate: new Date(),
            locale: {
                format: 'MM/DD/YYYY'
            }
        }, function(start, end, label) {
            $("#range1").val(start.format('MM/DD/YYYY')+" - "+end.format('MM/DD/YYYY'));
    });

希望它对您有用