0

我使用daterangepickerwithmoment来选择不同的范围。我需要设置startDate和endDate动态。

在html.erb文件中：

<%if params[:campaign_report].present? && params[:campaign_report]["daterange"].present?%>
  <%date_range= params[:campaign_report]["daterange"].split("-")%>
  <%= @start_date= Date.parse(date_range[0]).strftime("%Y/%m/%d")%>
  <%= @end_date= Date.parse(date_range[1]).strftime("%Y/%m/%d")%>
<%else%>
  <%= @start_date= Date.parse(@daterange).strftime("%Y/%m/%d")%>
  <%= @end_date= Date.parse(@daterange).strftime("%Y/%m/%d")%>
<%end%>

<script type="text/javascript">

$(function() {
  function report_form_submit(start, end) {
    $('#daterange').val(start.format('MMM D, YYYY') + ' - ' + end.format('MMM D, YYYY'));
    $("#campaign_report_daterange").val($("#daterange").val())
    $("#daily_filter_form").submit();
  }

  $('#daterange').daterangepicker({
    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')]
    },
    startDate: moment('<%= @start_date%>'),
    endDate: moment('<%= @end_date%>')
  }, report_form_submit);
});
.....

我在浏览器控制台中收到警告，例如：

弃用警告：时刻构造回退到 js 日期。这是不鼓励的，将在即将发布的主要版本中删除。请参阅https://github.com/moment/moment/issues/1407了解更多信息。

4

1 回答 1

0

按照警告中链接中给出的说明进行操作：使用时刻解析指定格式。

正如文档所说：

警告：解析字符串的浏览器支持不一致。因为没有关于应该支持哪些格式的规范，所以在某些浏览器中有效的内容在其他浏览器中无效。

对于解析除 ISO 8601 字符串以外的任何内容的一致结果，您应该使用String + Format。

在您的情况下，您必须使用：

startDate: moment('<%= @start_date%>', 'YYYY/MM/DD'),
endDate: moment('<%= @end_date%>', 'YYYY/MM/DD')
于 2016-10-24T08:50:00.813 回答