首页 > 解决方案 > dateRangePicker js 带时间选择器的单个 datePicker

问题描述

我曾尝试将日期范围选择器与单个日期选择器和时间选择器一起使用,但该库不支持此选项。你能帮忙解决这个问题吗,应用和取消按钮没有出现

    // Single Date with time
    $('.single-date-time').daterangepicker({
        singleDatePicker:true,
        timePicker: true,
        applyClass: 'bg-slate-600',
        cancelClass: 'btn-light',
        locale: {
            format: 'MM/DD/YYYY h:mm a'
        }
    });

标签: javascriptjquery

解决方案


我已经尝试了您的代码并将其设置为它可以工作的函数。(引导程序库和 daterangepicker 以及 jquery)

<script>
$(function() {
    $('.single-date-time').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        applyClass: 'bg-slate-600',
        cancelClass: 'btn-light',
        locale: {
            format: 'MM/DD/YYYY h:mm a'
        }
    });
});
</script>
</head>
<body>
    <input type="text" class="single-date-time" name="test" />
</body>

推荐阅读