Daterangepicker 禁用第二个日历并将其用作日期选择器答案

【问题标题】：Daterangepicker disable the 2nd calendar and use it as a datepickerDaterangepicker 禁用第二个日历并将其用作日期选择器
【发布时间】：2017-09-18 05:30:50
【问题描述】：

我有这个例子

    $('#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 动态更改为 datepicker？

【问题讨论】：

你想禁用时间选择器让它只选择日期，那么你可以设置timePicker: false,是你想要的吗？？？
@nivas 或多或少，daterangepicker 生成 2 个日历，我想转换为 datepicker，当我点击一个按钮时它只生成 1 个日历。

标签： jquery twitter-bootstrap datepicker daterangepicker

【解决方案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

【讨论】：

【解决方案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'));
    });

希望对你有用

【讨论】：