Bootstrap-datetimePicker插件添加秒钟(自定义)选择下拉框

来源:互联网 发布:淘宝恶意刷流量软件 编辑:程序博客网 时间:2024/05/17 06:16

Bootstrap-datetimePicker插件添加秒钟(自定义)选择下拉框

该插件秒钟时间是不可以自定义,是按当前时间秒数获取的

一. 添加步骤

  • 添加下拉框,找到this.picker.find(‘.datetimepicker-minutes td’).html(html.join(”))这句,大概在709行附近,改为下面的 :
    -添加datetimepicker下拉框,如果配置要选择秒,否则不添加
 var addSec = /,s{1,2},/.test(',' + this.format.parts.join(',') + ','), sSec = addSec ? '<select style="width:100%">' : '';        this.addSec = addSec;        if (addSec) {            var orgSec = this.viewDate.getSeconds();            for (var _i = 0; _i < 60; _i++) sSec += '<option value="' + _i + '"' + (_i == orgSec ? ' selected' : '') + '>' + (_i < 10 ? '0' : '') + _i + '</option>';            sSec += '</select>';        }this.picker.find('.datetimepicker-minutestd').html(html.join('') + sSec);
  • 修改容器点击事件。大概846行,增加下面的红色语句,防止选择select秒钟时日期弹出框隐藏
click: function (e) {e.stopPropagation();e.preventDefault();///防止选择秒钟选择器日期控件层隐藏if (e.target.tagName == 'SELECT' || e.target.tagName == 'OPTION') return;
  • 然后继续往下找到case ‘span’语句,大概916,修改里面秒钟获取方式
case 'span':if (!target.is('.disabled')) {var year = this.viewDate.getUTCFullYear(),month = this.viewDate.getUTCMonth(),day = this.viewDate.getUTCDate(),hours = this.viewDate.getUTCHours(),minutes = this.viewDate.getUTCMinutes(),//修改datetimepicker秒钟获取方式seconds = this.addSec ? this.picker.find('select').val() : this.viewDate.getUTCSeconds();

二.js代码

//设置日期组件格式$('#planBeginDate').datetimepicker({format: "yyyy-dd-mm  hh:ii:ss"});

三.效果图

这里写图片描述

原创粉丝点击