加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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);
    });
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读