如何获取日期范围选择器选择的日期作为变量? [英] How do I get Date Range Picker selected date to a variable?

问题描述

我正在使用数据范围选择器作为过滤器选项.默认日期选择器的范围是.在这里，我使用的是div而不是文本框.所以我需要一个变量中选择的开始日期和结束日期，我该怎么办呢?我这样尝试...

hi i am using data range picker for filter option. there is change with default date picker range is . here i am using a div instead of text box. so tthat i need the selected start date and end date in a variable how can i due it?. i try like this way...

 $('#Date').daterangepicker();
  $(document).on("click",".applyBtn",function() {
//         var range = $('#Date').datarangepicker.getRange(); 
// var startDate = range.start;
// var endDate = range.end;
 var x =$('#Date').data('daterangepicker').StartDate()
  alert(x);
  });

<!-- 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" />


<div id="Date" class="col-xs-5 col-md-4 paddingNull filterImageAlign" >here select</div>

推荐答案

尝试一下.

var startDate = $('#Date').data('daterangepicker').startDate._d;
var endDate = $('#Date').data('daterangepicker').endDate._d;

这篇关于如何获取日期范围选择器选择的日期作为变量?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！