<input type="text" class="form-control" name="daterange" value="01/01/2018 - 01/15/2018" style="width:100%;text-align:center;"/>
<script>
$(function() {
$('input[name="daterange"]').daterangepicker({
opens: 'center'
}, function(start, end, label) {
console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});
});
</script>
我在选择两个日期的值时遇到问题。
由于您没有提到遇到的错误,因此我建议您确保已从引导日期选择器库中导入了必要的脚本。另外,如果脚本和css链接的顺序不正确,则可能会出错。
您的示例对我来说非常有效。请确保已导入所有必需的库。在这里查看工作示例。