Tag: daterangepicker

如何将日期更改事件转换为特定格式

我在我的网站上有约会,我使用daterangepicker和时刻js使用日期。 现在我是所有这些事情的新手,其中一个变量设置日期是 moment().subtract(29, ‘days’) 其console.log结果为1492930351644 ,类似的moment()结果为1495435951644 。 现在由我想要的用户手动更改,以更新此值,但我不知道如何使用它。 我使用了jQuery事件如下 $(‘#dateRange’).on(‘apply.daterangepicker’, function(ev, picker) { var startDate_1 = moment.utc(startDateCal).format(‘LL’); var endDate_1 = moment.utc(endDateCal).format(‘LL’); dates.setData(‘startDateCal’,startDate_1); dates.setData(‘endDateCal’,endDate_1); console.log(” changed start date “+dates.getData(‘startDateCal’)); console.log(” changed end date “+dates.getData(‘endDateCal’)); }); 因此,当我从视图日历中更改并选择日期时,我将进入上述更改事件,但我的输出将是 changed start date May 21, 2017 changed end date May 22, 2017 在这里,我想要一个类似于1492930351644的输出或日​​期格式,如moment().subtract(29, ‘days’)所示moment().subtract(29, ‘days’)但我不知道如何才能实现这一点。 有帮助吗?

daterangepicker仅显示年份和月份

我正在使用daterangepicker bootstrap 3。 $(‘#pa_date*’).daterangepicker({ singleDatePicker: true, showDropdowns: true, minDate: min, maxDate: max, format: ‘DD/MM/YYYY’ }).on(‘apply.daterangepicker’, function (ev, picker) { alert(picker.startDate.format(‘MM/YYYY’)); }); 它显示了完整的daterangepicker: 我想隐藏日历并只显示数年和数月下拉,如下所示:

默认情况下,在bootstrap daterangepicker中选择“本月”范围

我正在使用Bootstrap Daterange Picker,它使用以下范围选项: 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’)] }, 但是当页面加载时,所选值为空。 我想在bootstrap daterangepicker中加载页面时默认选择“ 本月 ”范围。 Jsfiddle Url: https ://jsfiddle.net/renishar/wnuy6ypc/

带数据表的DateRangePicker – 组合两个搜索列

在我填充DaterangePicker和Datatable的漫长道路上,我现在想要使用两个daterangepicker输入组合两列搜索来过滤两个不同的列日期。 但是,当您只想在一列中搜索时,它可以工作,但是当您想要搜索两列时,行为是不稳定的。 例如,如果你想搜索上个月的创建日期和结束日期nex月…失败:( 看到我的JSFIDDLE $(document).ready(function() { //DATATABLE //To display datatable without search and page length select, and to still have pagination work, instantiate like so var oTable=$(‘#table_id’).dataTable({ “sDom”:”tp”, “pageLength”: 10, “pagination”:true, // Date Sorting columnDefs: [ { type: ‘date-eu’, targets: ([1,6])} ], //// order table onload “order”: [[ 1, ‘desc’ ]], }); //DATE RANGE //set […]