Question

我正在开发一个项目，要求日期范围选择器采用非军事格式，同时仍然执行最小日期。尽管设置timePicker24Hour: false,，但当前设置仍然有效，尽管日期范围选择器采用军事格式 - 我需要选择器采用非军事格式。知道这是为什么以及如何实现这一点？

$('input[name="launchdate"]').daterangepicker({
                                    timePicker24Hour: false,
                                    timePickerIncrement: 15,
                                    singleDatePicker: true,
                                    showDropdowns: true,
                                    timePicker: true,
                                    autoApply: true,
                                    minDate: moment().hour(13).minutes(0),
                                    format: 'hh:mm A',
                                    locale: {
                                        format: "MM/DD/YYYY hh:mm A"
                                    }
                                });

Answer 1

您的代码工作正常！

这是一个简短的片段，以（12h）am / pm为您提供非军事时间格式。

＆＃13;

var minDateValue = moment().add(13, 'hours');
$('input[name="launchdate"]').daterangepicker({
    timePicker24Hour: false,
    timePickerIncrement: 15,
    singleDatePicker: true,
    showDropdowns: true,
    timePicker: true,
    autoApply: true,
    minDate: minDateValue,
    format: 'hh:mm A',
    locale: {
        format: "MM/DD/YYYY hh:mm A"
    }
});

＆＃13;

<!-- Include Required Prerequisites -->
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/3/css/bootstrap.css" />
 
<!-- Include Date Range Picker -->
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" />


<!-- Input -->
<input name="launchdate"/>

＆＃13;

如果你想获得军事时间格式（24h）：

删除A选项中的format，并将timePicker24Hour设置为true。

编辑已将moment().add(13, 'hours')添加为minDate值。

非军事格式的日期范围选择器

1 个答案: