bootstrap-daterangepicker插件运用
发布时间:2020-12-17 20:49:38 所属栏目:安全 来源:网络整理
导读:引入:daterangepicker.css、daterangepicker.js、moment.js、moment.min.js 链接:https://files.cnblogs.com/files/kitty-blog/moment.min.js、https://files.cnblogs.com/files/kitty-blog/moment.js、https://files.cnblogs.com/files/kitty-blog/datera
引入:daterangepicker.css、daterangepicker.js、moment.js、moment.min.js 链接:https://files.cnblogs.com/files/kitty-blog/moment.min.js、https://files.cnblogs.com/files/kitty-blog/moment.js、https://files.cnblogs.com/files/kitty-blog/daterangepicker.js、https://files.cnblogs.com/files/kitty-blog/daterangepicker.css /**初始化 Daterangepicker 插件 */ function initDaterangepicker() { $(‘.daterangepicker‘).daterangepicker({ "showDropdowns": true,"showWeekNumbers": false,"showISOWeekNumbers": false,"timePicker": true,"timePicker24Hour": true,"timePickerSeconds": false,"autoApply": false,"locale": { "direction": "ltr","format": "YYYY-MM-DD HH:mm","separator": " 至 ","applyLabel": "确定","cancelLabel": "取消","fromLabel": "From","toLabel": "To","daysOfWeek": [ "周六","周一","周二","周三","周四","周五","周日" ],"monthNames": [ "一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月" ],"firstDay": 1 },"alwaysShowCalendars": false,"parentEl": "daterangepicker","startDate": moment(),"endDate": moment(),"minDate": false,"maxDate": "05/28/2050","applyClass": "btn-green btn-outline","cancelClass": "btn-default btn-outline","opens": "center","drops": "down" },function (start,end,label) { console.log("New date range selected: " + start.format(‘YYYY-MM-DD HH:mm‘) + " to " + end.format(‘YYYY-MM-DD HH:mm‘) + " (predefined range: " + label + ")"); $("#startTime").val(start.format(‘YYYY-MM-DD HH:mm‘)); $("#endTime").val(end.format(‘YYYY-MM-DD HH:mm‘)); }); } /**初始化 datetimepicker 日期 插件*/ function initDatepicker(defaultStartDate,defaultEndDate) { var now = new Date(); //date + time var picker1 = $(‘.datetimepicker-startdate‘).datetimepicker({ format: ‘YYYY-MM-DD‘,locale: moment.locale(‘zh-cn‘),defaultDate: defaultStartDate,minDate: false,maxDate: false,ignoreReadonly: true,allowInputToggle: true,icons: { time: ‘fa fa-clock-o‘,date: ‘fa fa-calendar‘,up: ‘fa fa-chevron-up‘,down: ‘fa fa-chevron-down‘,previous: ‘fa fa-chevron-left‘,next: ‘fa fa-chevron-right‘,today: ‘fa fa-crosshairs‘,clear: ‘fa fa-trash‘ } }); var picker2 = $(‘.datetimepicker-enddate‘).datetimepicker({ format: ‘YYYY-MM-DD‘,defaultDate: defaultEndDate,minDate: defaultStartDate,clear: ‘fa fa-trash‘ } }); //动态设置最小值 picker1.on(‘dp.change‘,function (e) { picker2.data(‘DateTimePicker‘).minDate(e.date); }); //动态设置最大值 picker2.on(‘dp.change‘,function (e) { picker1.data(‘DateTimePicker‘).maxDate(e.date); }); } /**初始化 datetimepicker 时间 插件*/ function initTimepicker(defaultStartTime,defaultEndTime) { var now = new Date(); // only time var picker1 = $(‘.datetimepicker-starttime‘).datetimepicker({ format: ‘LT‘,defaultDate: defaultStartTime == "" ? 5 : defaultStartTime,}); var picker2 = $(‘.datetimepicker-endtime‘).datetimepicker({ format: ‘LT‘,defaultDate: defaultEndTime == "" ? 21 : defaultEndTime,minDate: defaultStartTime,}); //动态设置最小值 picker1.on(‘dp.change‘,function (e) { picker1.data(‘DateTimePicker‘).maxDate(e.date); }); } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |