Bootstrap Datetimepicker 季度筛选
来源:互联网 发布:js判断div是否有class 编辑:程序博客网 时间:2024/05/15 10:40
仅限于筛选到季度。
原理
将原月筛选转为季度筛选。
实现
添加datetimepicker自定义语言:
$.fn.datetimepicker.dates['zh-CN-qtrs'] = { days: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六", "星期日"], daysShort: ["周日", "周一", "周二", "周三", "周四", "周五", "周六", "周日"], daysMin: ["日", "一", "二", "三", "四", "五", "六", "日"], months: ["Q1", "Q2", "Q3", "Q4", "", "", "", "", "", "", "", ""], monthsShort: ["一季度", "二季度", "三季度", "四季度", "", "", "", "", "", "", "", ""], clear: "清除", meridiem: ["上午", "下午"]};
创建对象:
//初始化选中当前季度var date = new Date();date.setDate(1);date.setMonth(Math.floor(date.getMonth() / 3));$('input.input-date').each(function(idx, elem) { var that = $(this); that.datetimepicker({ clearBtn:true, startView:3, minView:3, format:'yyyy/MM', language:'zh-CN-qtrs', initialDate: date }); that.data('datetimepicker').picker.addClass('quarter');});
添加样式:
.datetimepicker.quarter .month { width: 48%;}.datetimepicker.quarter .month:nth-child(n+5){ display: none;}
阅读全文
0 0
- Bootstrap Datetimepicker 季度筛选
- bootstrap datetimepicker
- bootstrap-datetimepicker
- bootstrap-datetimepicker
- Bootstrap-datetimepicker
- bootstrap-datetimepicker bootstrap选择日期
- bootstrap-datetimepicker.js学习
- bootstrap-datetimepicker 的使用
- bootstrap-datetimepicker.js插件
- bootstrap-datetimepicker 的使用
- datetimepicker for bootstrap v3
- bootstrap datetimepicker 用法
- bootstrap datetimepicker changeDate
- Bootstrap DatetimePicker官方API
- bootstrap datetimepicker笔记
- BootStrap DateTimePicker使用
- bootstrap datetimepicker 位置错误
- 学习小记 bootstrap datetimepicker
- 【机器学习】LDA线性判别分析原理及实例
- luajit绑定到java,linux和windos64位编译
- 星座
- Lua中的面向对象概念
- 拥有十多年欧美金融行业经验,他曾任硅谷Top2互联网金融公司Prosper核心高管,突然回国,究竟是为何?
- Bootstrap Datetimepicker 季度筛选
- 数据猿创始人牟蕾参加创业邦100未来领袖峰会共商共享经济与大数据未来
- Android知识点
- linux查找命令which、whereis、locate、find
- 投机风险控制
- Linux学习——进程间通信方式(1)
- 大数据24小时:亚马逊AWS推出系列机器学习服务,阿里欲收购以色列创企Visualead
- PAT 1042. 字符统计(20)
- SpringCloud服务如何在Eureka安全优雅的下线