文档章节

时间区间选择插件daterangepicker

沉淀岁月
 沉淀岁月
发布于 2017/09/04 20:58
字数 156
阅读 8
收藏 0

http://www.daterangepicker.com/

$('#createtime').daterangepicker({

                "startDate": "2017/08/01",

                "endDate": '{{date("Y/m/d")}}',

                minDate: '2017/08/01',

                maxDate: '{{date("Y/m/d",strtotime("+1 day"))}}',

                opens : 'right', //日期选择框的弹出位置

                buttonClasses : [ 'btn btn-default' ],

                applyClass : 'btn-small btn-success',

                cancelClass : 'btn-small',

                format : 'YYYY-MM-DD', //控件中from和to 显示的日期格式

                separator : '至',

                showDropdowns: true,//这个才是关键,开启后可以单独选择年月

                locale : {

                    applyLabel : '确定',

                    cancelLabel : '取消',

                    fromLabel : '起始时间',

                    toLabel : '结束时间',

                    customRangeLabel : '自定义',

                    daysOfWeek : [ '日', '一', '二', '三', '四', '五', '六' ],

                    monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',

                        '七月', '八月', '九月', '十月', '十一月', '十二月' ],

                    firstDay : 1

                }}, function(start, end, label) {

                console.log(start.toISOString(), end.toISOString(), label);

            });

© 著作权归作者所有

共有 人打赏支持
沉淀岁月
粉丝 25
博文 257
码字总数 91615
作品 0
朝阳
高级程序员
ionic3怎么使用jquery的daterangepicker组件?

最近用ionic3做移动app,遇到了好多坑,这是其中一个 望大神解救 。在此说明一点:ionic3只支持Typescript语法,不支持javascript语法。我在做的demo例子在这儿:https://www.helloweba.net/j...

clssz
06/08
0
0
daterangepicker时间段选择插件使用

bootstrap-daterangepicker插件的参数及使用方法 1、汉化: http://www.daterangepicker.com/#examples 官网demo有个locale属性是专门用来汉化的。 2、设置默认开始结束时间: 3、设置最大最...

钟良
2016/07/26
3.3K
0
Html5添加用户选择一个日期时间范围的日期选择器插件教程

一、使用方法 <link rel="stylesheet" href="daterangepicker.css" /> <script src="moment.min.js"></script> <script src="jquery.daterangepicker.js"></script> 二、调用插件 $('#dom-id......

大街小巷
2016/01/08
569
0
bootstrap双日历插件实例化

网站中难免会用到日期选择插件,常见的有jquery的,也有bootstrap的.单日历的就不说了,实例化都比较简单.今天给大家介绍一下bootstrap的双日历插件. http://www.jq22.com/jquery-info1087 这是...

孟飞阳
2016/07/22
59
0
基于 Bootstrap 框架的双日期选择控件

bootstrap-daterangepicker 是基于 Twitter 的 Bootstrap 框架下的一个日期选择控件。

oschina
2012/08/21
3
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

新工作与老项目

新的工作不知不觉的干了一个多月了。怎么说呢,跟想象中的差别不少,本来想的能进来跟大公司的同事能有很多交流,能在团队中跟大牛学习更快。结果公司的这个项目上只有两个程序员,项目是十年...

zypy333
14分钟前
0
0
mysql 在windows的安装

mysql 在windows的安装。 mysql64位的server的下载地址是: https://dev.mysql.com/downloads/mysql/ 使用的是5.7版本。 下载安装包,解压至D:\mysql\mysql-5.7.23-winx64\ 在D:\mysql\mysq...

lxzh504
26分钟前
1
0
云技术、大数据(hadoop)入门常见问题回答

当我们学习一门新技术的时候,我们总是产生各种各样的问题,这些问题整理出来,包括该 1.如何学习hadoop? 2.hadoop常见问题? 3.还有hbase、hive安装使用等? 你知道搭建hadoop平台需要些什...

董黎明
27分钟前
1
0
小程序自定义底部tab

场景 1.tabBar是在内页而非首页,这时就不得不自定义一个tabBar了 2.自定义风格 3.子页数量超过5个,得到更多了tab 4.改变点击tab默认事件,比如出登录界面,或者弹出上拉子菜单等 步骤 1.照...

萤火的萤火
32分钟前
1
0
shell炫技

1.为脚本添加“--help” #!/bin/shif [ ${#@} -ne 0 ] && [ "${@#"--help"}" = "" ]; then printf -- '...help...\n'; exit 0;fi; 2.输出字体添加颜色 https://misc.flogisoft.com......

HJCui
32分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部