انتخاب محدوده تاریخ

در ابتدا، برای گزارش‌دهی دقیق در با دقت ، انتخاب‌کننده Date Range می‌تواند به هر عنصر صفحه وب متصل شود تا دو تقویم برای انتخاب تاریخ، زمان یا محدوده از پیش تعریف شده مانند "۳۰ روز گذشته" نمایش داده شود.

برای مشاهده مستندات کامل لطفاً سایت پلاگین را بررسی کنید.

پایه

<script>
$(function() {
$('input[name="dates"]').daterangepicker({
  startDate: moment(),
  endDate: moment().add(2, 'days')
});
});
</script>

<script>
$(function() {
$('input[name="datetimes"]').daterlaborangepicker({
  timePicker: true,
  startDate: moment().startOf('hour'),
  endDate: moment().startOf('hour').add(32, 'hours'),
  locale: {
    format: 'M/DD hh:mm A'
  }
});
});
</script>

<script>
$(function() {
$('input[name="birthday"]').daterangepicker({
  singleDatePicker: true,
  showDropdowns: true,
  minYear: 1300,
  maxYear: parseInt(moment().format('YYYY'), 10)
}, function(start, end, label) {
  var years = moment().diff(start, 'years');
  alert('شما ' + years + ' ساله هستید!');
});
});
</script>

<script>
$(function() {
var start = moment().subtract(29, 'days');
var end = moment();
function cb(start, end) {
  $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
}
$('#reportrange').daterangepicker({
  startDate: start,
  endDate: end,
  ranges: {
    'امروز': [moment(), moment()],
    'دیروز': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
    'هفت روز گذشته': [moment().subtract(6, 'days'), moment()],
    'سی روز گذشته': [moment().subtract(29, 'days'), moment()],
    'این ماه': [moment().startOf('month'), moment().endOf('month')],
    'ماه گذشته': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
  }
}, cb);
cb(start, end);
});
</script>