我正在我的应用程序中实现一个日期范围选择器,并且想知道如何将每个月限制为仅那个月。例如:
我想要这个(见左边的日历):
但是默认是这样的
我已经查看了 DateRangePicker 文档,但看不到可以为我执行此操作的配置。
我的 DateRangePicker 初始化:
$("#reportrange").daterangepicker
ranges:
"Last Week": [moment().subtract("days", moment().day() + 1).subtract("days", 6), moment().subtract("days", moment().day() + 1)]
"Week to Date": [moment().subtract("days", moment().day()), moment()]
"Last Month": [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
startDate: moment().subtract("days", moment().day() + 1).subtract("days", 6)
endDate: moment().subtract("days", moment().day() + 1),
alwaysShowCalendars: true
, (start, end, label) ->
$("#reportrange span").html start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")
$("[name*='_start_date']").val(start.format("ddd, D MMM YYYY"))
$("[name*='_end_date']").val(end.format("ddd, D MMM YYYY")).trigger 'change'
带有 ruby 模板的我的 DateRangePicker 前端
.grid-24.box
.grid-12
%h3 Select Date Range
#reportrange
%i.glyph-calendar.icon-large
%span= "#{(DateTime.now - (DateTime.now.wday + 1) - 6).strftime("%B %d, %Y")} - #{(DateTime.now - (DateTime.now.wday + 1)).strftime("%B %d, %Y")} "
%b.caret
=hidden_field_tag "charge_start_date", DateTime.now.prev_month.strftime("%a, %d %b %Y")
=hidden_field_tag "charge_end_date", DateTime.now.strftime("%a, %d %b %Y")
.grid-24#display-charges
=render :partial => "user_charge_data_display", :locals => {users: @users, start_range: (DateTime.now - 30), end_range: DateTime.now}