如何将日期范围选择器选择的日期转换为变量？答案

【问题标题】：How do I get Date Range Picker selected date to a variable?如何将日期范围选择器选择的日期转换为变量？
【发布时间】：2018-10-04 19:59:36
【问题描述】：

您好，我正在使用数据范围选择器进行筛选选项。默认日期选择器范围有变化。这里我使用的是 div 而不是文本框。所以我需要在变量中选择的开始日期和结束日期我怎么能到期？我尝试这样...

 $('#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>

【问题讨论】：

标签： javascript jquery daterangepicker

【解决方案1】：

试试这个。

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

【讨论】：

如果您需要其他格式，请尝试： $("#Date").data('daterangepicker').endDate._d.format("YYYY-MM-DD");
@LuisMataB。我认为没有_d

【解决方案2】：

如果你需要在本地格式化

$('#Date').daterangepicker().on('apply.daterangepicker', function (e, picker) {
    var startDate = picker.startDate.format('DD-MM-YYYY');
    var endDate = picker.endDate.format('HH:mm');
})

【讨论】：

点击清除后如何删除活动类/选中的选择