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"});
三.效果图
阅读全文
1 0
- Bootstrap-datetimePicker插件添加秒钟(自定义)选择下拉框
- bootstrap datetimepicker添加秒钟选择下拉框
- bootstrap datetimepicker添加秒钟选择下拉框
- bootstrap datetimepicker 插件语言选择
- bootstrap datetimepicker 选择实现 下拉列表选日期
- bootstrap-datetimepicker 时间选择
- bootstrap-datetimepicker 选择日期
- bootstrap中日期插件 datetimepicker 只选择年份
- bootstrap-datetimepicker bootstrap选择日期
- bootstrap-datetimepicker.js插件
- Bootstrap datetimepicker 时间插件
- BootStrap 下拉框插件
- Bootstrap DateTimePicker选择月份BUG
- bootstrap-datetimepicker日期插件使用
- 基于bootstrap的datetimepicker插件
- BootStrap之datetimepicker插件使用
- bootstrap-datetimepicker 添加清除按钮
- 基于bootstrap的日期插件bootstrap-datetimepicker
- 机器学习网站
- spring boot项目添加拦截器验证token防止表单重复提交
- ios开发证书,描述文件,bundle ID的关系
- dos for截取字符串学习
- 剑指offer-数值的整数次方
- Bootstrap-datetimePicker插件添加秒钟(自定义)选择下拉框
- 正则表达式(验证数值的正则表达式,校验字符的表达式,特殊需求表达式)—干货收集-总会有用的
- xDSL(数字用户线)
- 排序算法 -- (三)简单选择排序
- 简单的求导的符号运算算法
- NSString 和 NSURL的互相转换
- 如何写出你的第一个c语言程序
- Spring的depends-on属性Bean依赖
- MATLAB矩阵分析