Question

我在我的一个项目中使用DATE RANGE PICKER JQUERY plugin。使用此HTML代码

呈现日期框

<span class="datePickUnity" id="arrowDate">
  <input type="text" name="<?php echo $name; ?>" value="<?php echo $inputValue; ?>" id="<?php echo $id; ?>" class="datePickBox" />
  <div class="calendarArrowBox"><img src="<?php echo $dirIMG; ?>/arrow.png" class="calendarArrow" alt="Select Date Range" /></div>
</span>

我以这种方式调用函数

$(function(){
  $('#dateRange').daterangepicker();
});

然后它可以工作，它将值返回到#dateRange输入框

但是当我点击整个span标签时，我需要它才能工作#arrowDate我这样做是通过使用这段代码

$(function(){
  $('#arrowDate').daterangepicker();
});

日期范围选择器弹出，但是我选择了我的日期我需要它将日期插入到#dateRange输入框中，有没有办法完成此操作？

Answer 1

怎么样

$(function(){
  $('#dateRange').daterangepicker();
  $('#arrowDate').click(function (e) {
    if ( !($('#dateRange').is(e.target)) )
      $('#dateRange').click();
    }
  });
});

JQuery插件DATE RANGE PICKER的日期选择问题

1 个答案: