如何从日期范围选择器中读取值
How to read value from daterangepicker?
我在本地PHP站点上运行了这个日期范围选择器。这是HTML部分的代码
<form role="form" class="form-inline" method="post" action="">
<div id="reportrange" class="form-control">
<i class="fa fa-calendar"></i>
<span></span>
<b class="caret"></b>
</div>
<button class="btn btn-white" type="submit">Search</button>
</form>
Javascript部分:
$('input[name="daterange"]').daterangepicker();
$('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
$('#reportrange').daterangepicker({
autoApply: true,
format: 'MM/DD/YYYY',
startDate: moment().subtract(29, 'days'),
endDate: moment(),
minDate: '01/01/2012',
maxDate: '12/31/2015',
dateLimit: { days: 60 },
showDropdowns: true,
showWeekNumbers: true,
timePicker: false,
timePickerIncrement: 1,
timePicker12Hour: true,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
opens: 'right',
drops: 'down',
buttonClasses: ['btn', 'btn-sm'],
applyClass: 'btn-primary',
cancelClass: 'btn-default',
separator: ' to ',
locale: {
applyLabel: 'Submit',
cancelLabel: 'Cancel',
fromLabel: 'From',
toLabel: 'To',
customRangeLabel: 'Custom',
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr','Sa'],
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
firstDay: 1
}
}, function(start, end, label) {
console.log(start.toISOString(), end.toISOString(), label);
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
});
我可以很好地选择日期,但提交时没有可读的值。已经按照这个建议获得日期范围选择器的值,但仍然没有运气。任何帮助都将不胜感激。谢谢
在这里找到了易于使用的引导程序日期范围选择器
daterangepicker
库将动态创建一个带有name="daterange"
的<input>
标记。因此,当您提交表单时,daterange
表单变量应该包含您想要的值。它的格式如下:
2015年1月15日-2015年2月15日
如果这不是您想要的格式,您可以创建两个隐藏的输入字段(一个用于开始日期,一个用于结束日期),并在更改日期范围时设置它们的值。
<input type="hidden" name="start">
<input type="hidden" name="end">
$('#reportrange').data('daterangepicker').startDate;
$('#reportrange').data('daterangepicker').endDate;
这个问题解决了一切。在我的情况下,答案不起作用,因为我在声明日期范围选择器之前访问了值。获取daterangepicker引导的值
您可以使用默认的php函数explode(),它将返回包含2个元素的数组
$daterange = $_POST['date_range'];
$split = explode('-', $daterange);
#check make sure have 2 elements in array
$count = count($split);
if($count <> 2){
#invalid data
}
$start = $split[0];
$end = $split[1];
相关文章:
- Windows8应用程序(html&Javascript):从图片库(除了文件选择器)显示图像的另一种方式
- 在动态创建的元素上获取对特定选择器的引用
- AngularJS-在JSON选择器中使用变量名
- 每当您在选择器内移动鼠标时,悬停功能就会重复
- 使用CSS或js,使用动态选择器选择任意li的下一个元素
- jQuery最近父级的数据属性选择器
- 为什么不'在JQuery中找到第二个css选择器的工作
- 为什么 .focus() 不起作用,而 .css(“color”,“red”) 在同一个选择器上起作用
- jquery IE7中的第n个选择器
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- jquery日期选择器年份范围默认值
- jquery日期选择器失去了交互性
- 正在搜索JavaScript日期选择器滑块
- 如何将返回的值应用于多个不同位置的多个选择器
- 每个选择器的Jquery css颜色都在变化,但字体大小却没有变化
- 如何在多个jQueryUI日期选择器中屏蔽特定日期
- 如何从日期范围选择器中读取值
- 日期选择器无法读取属性'valueOf'
- 以更简单的格式从引导日期/时间选择器读取日期值
- 如何读取用户用文件选择器选择的文本文件