文档章节

时间区间选择插件daterangepicker

沉淀岁月
 沉淀岁月
发布于 2017/09/04 20:58
字数 156
阅读 9
收藏 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

没有更多内容

加载失败,请刷新页面

加载更多

Android WebView制作简易浏览器

最终效果 先创建一个WebView控件,其他的就是通过线性布局在上方加入网址输入框和两个按钮 <WebView android:id="@+id/act_webview_wv" android:layout_width="ma...

lanyu96
28分钟前
3
0
解决MacOS升级系统Sierra到Mojave后git报错

错误信息 升级MacOS Sierra到Mac Mojave后执行git命令报错: xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/......

阿dai
29分钟前
1
0
兄弟连区块链教程以太源码分析CMD深入分析(一)

cmd包分析 cmd下面总共有13个子包,除了util包之外,每个子包都有一个主函数,每个主函数的init方法中都定义了该主函数支持的命令,如 geth包下面的: func init() { // Initialize the...

兄弟连区块链入门教程
30分钟前
1
0
Titan Framework MongoDB深入理解1

在TitanFrameWork框架中,已经集成了MongoDB的各个功能,现在我们对框架内部的一些重要类进行分析与解读。 MongoDBConverter 在Titan框架中,比较重要的一个接口就是MongoDBConverter,它是作...

云季科技
35分钟前
1
0
SpringBoot集成Quartz

SpringBoot集成Quartz 什么是Quartz Quartz is a richly featured, open source job scheduling library that can be integrated within virtually any Java application - from the smalle......

Grittan
40分钟前
4
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部