Question

我使用daterangepicker和moment来选择不同的范围。我需要动态设置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);
});
.....

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

弃用警告：时刻构建回落到日期。这是不鼓励的，将在即将发布的主要版本中删除。有关详细信息，请参阅https://github.com/moment/moment/issues/1407。

Answer 1

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

正如文档所说：

警告：浏览器支持解析字符串is inconsistent。因为没有关于应该支持哪种格式的规范，所以在某些浏览器中有效的功能在其他浏览器中不起作用。

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

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

startDate: moment('<%= @start_date%>', 'YYYY/MM/DD'),
endDate: moment('<%= @end_date%>', 'YYYY/MM/DD')

时刻建设回到js日期

1 个答案: