Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Daterangepicker禁用第二个日历并将其用作日期选择器

Daterangepicker禁用第二个日历并将其用作日期选择器
EN

Stack Overflow用户
提问于 2017-09-18 05:30:51
回答 2查看 833关注 0票数 1

我有一个例子

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    $('#datepicker').daterangepicker({
            timePicker: true,
            startDate: new Date(),
            endDate: new Date(),
            locale: {
                format: 'MM/DD/YYYY HH:mm'
            }

        }, function(start, end, label) {
            $("#range1").val(start.format('MM/DD/YYYY HH:mm:00')+" - "+end.format('MM/DD/YYYY HH:mm:00'));
    });

如何将datepicker动态更改为datepicker?

EN

回答 2

Stack Overflow用户

发布于 2019-06-27 07:25:23

只需在代码中添加:"singleDatePicker: true“:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 $('#datepicker').daterangepicker({
        singleDatePicker: true,
        timePicker: true,
        startDate: new Date(),
        endDate: new Date(),
        locale: {
            format: 'MM/DD/YYYY HH:mm'
        }

    }, function(start, end, label) {
        $("#range1").val(start.format('MM/DD/YYYY HH:mm:00')+" - "+end.format('MM/DD/YYYY HH:mm:00'));
});

文档:http://www.daterangepicker.com/#example3

你可以在这里测试所有的变量:http://www.daterangepicker.com/#config

票数 1
EN

Stack Overflow用户

发布于 2017-09-18 05:57:13

从代码中删除时间字段,如下所示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('#datepicker').daterangepicker({
            timePicker: true,
            startDate: new Date(),
            endDate: new Date(),
            locale: {
                format: 'MM/DD/YYYY'
            }

        }, function(start, end, label) {
            $("#range1").val(start.format('MM/DD/YYYY')+" - "+end.format('MM/DD/YYYY'));
    });

希望它能为你工作

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/46272178

复制
相关文章
daterangepicker日历插件使用参数注意问题
显示具体时间时分秒: timePicker设置为true,//有些资料写的pickerTime不太对 重点大坑:修改时间默认展示格式,把fomat写在locale中,网上很多资料说直接写在daterangepicker属性中,这样是不生效的。 起止时间可以设置为具体年月日也可以生成当前日期(new Date()  或者 moment()【moment()方法为moment.js获取当前时间的函数】) $(“#dateid”).daterangepicker({       startDate: momen
蓓蕾心晴
2018/04/12
2.3K0
如何编写一个 Vue JS 内嵌组件
Vue 「内嵌」组件是一种用于将第三方插件与 Vue 集成在一个自定义 Vue 组件中的技术。 内嵌意味着你可能会引入像 jQuery 和 jQuery 插件这样的库。在 Vue 应用程序中使用 jQuery 插件的这种组合似乎是最无处不在的。 我们快速介绍一下如何使用日期范围选择器构建内嵌组件的例子,这个组件允许你选择开始日期和结束日期。 在这个例子中,将使用 Date Range Picker,它是一个依赖于 jQuery 和 Moment.js 的 Bootstrap 组件。 你可以简单地在 jQu
overtrue
2018/07/05
4K0
EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:bootstrap-datepicker日历插件的实时动态展现
需要注意的是, beforeShowDay()是处理在插件加载出来之前对日历插件所做的一些样式或其他方面的更改。当我们想要看到日历展示出对应日期得信息的时候,必须在日历加载出来以前对他进行操作。由于获取日历上展示的信息都是实时的通过请求接口获得的,因此,我们需要在通过Ajax请求接口的过程中就要使用同步请求,只有我们实时获得到的数据才有必要在日历上相应的显示出来。
EasyNVR
2020/04/23
1.4K0
EasyNVR RTSP转RTMP-HLS流媒体服务器前端构建之:bootstrap-datepicker日历插件的实时动态展现
小程序之日历选择器
效果图 [2022-03-07_204334.png] 实现步骤 引入组件 "van-calendar": "@vant/weapp/calendar/index", 页面显示 在wxml中添加如下代码: <van-calendar show="{{ show }}" min-date="{{ minDate }}" max-date="{{ maxDate }}" color="#00B26B" bind:close="
用户6493868
2022/03/07
9820
最好用的日期范围选择组件:bootstrap-daterangepicker
嗯,在我还没有发现bootstrap-daterangepicker组件时, 在页面需要选择日期范围时,我是傻乎乎的创建两个日期组件。 现在想想,以前的low劲真是不可忍呐!
沉默王二
2019/01/17
4.6K0
日期输入框日历控件
前面介绍了jQueryUI的autocomplete ( )对象和effect对象,这篇文章来介绍jQuery的datepicker ( )对象,他的实现效果是当你点击input输入框时,会自动弹出日历控件,选择好日期后会自动填充到输入框中。它的常用参数:appendText:输入框后附加的文字;buttonImage:输入框后的小图片;dateFormat:选中的日期格式;showAnim:显示或隐藏控件时的动画效果;dayNamesMin:控件面板上的表头;changeMonth、 changeYear:是否可以修改月、年;minDate、 maxDate:日历可选择的范围
OECOM
2020/07/01
3.5K0
AngularDart Material Design 日期选择器 顶
当用户键入日期时,将专门处理具有2位数年份的日期。 例如。7/7/77被解释为1977年7月7日,而不是77年7月7日。这个逻辑看起来是未来20年:现在(2015年8月),“35”被解释为2035,但“36”被解释为“1936”。 明年,“36”将开始被解释为2036年。
南郭先生
2018/09/30
5.1K0
Python打印指定日期日历
下面的代码只是演示其中的原理和思路,真正使用时可以直接调用Python标准库calendar中的方法。 from datetime import date daysOfMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31] def myCalendar(year, month): #获取year年month月1日是周几 start = date(year, month, 1).timetuple().tm_wday #打印头部
Python小屋屋主
2018/04/16
1.6K0
修复bootstrap daterangepicker中的3个问题
最近项目中使用了一个基于Bootstrap的daterangepicker控件。 1.点击页面其他空白的地方,会把之前在日历上选中的日期选择上。 具体描述: 1.点击打开日期选择框 2.选择一个日期范
八哥
2018/01/18
2.4K0
修复bootstrap daterangepicker中的3个问题
Datepicker日期选择器插件
这个插件还是比较简单的,而且样式也比较漂亮,可以自定义选择年月日、年月日时分、年月、时间段选择等等。
从入门到进错门
2018/08/21
3.9K0
Datepicker日期选择器插件
WPF 日期选择器和时间选择器
格式有要求,必须是yyyy-MM-dd hh:mm:ss或者yyyy/MM/dd hh:mm:ss
码客说
2023/02/10
6.1K0
UIDatePicker 日期时间选择器
//星期 月日 时分 上下午 UIDatePicker dk = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 20, 320, 200)]; [self.view addSubview:dk]; //四种 类型 dk.datePickerMode = UIDatePickerModeCountDownTimer; / UIDatePickerModeTime, // Displays hour, m
用户8983410
2021/10/29
2.7K0
OC学习12——字符串、日期、日历
  前面主要学习了OC的基础知识,接下来将主要学习Foundation框架的一些常用类的常用方法。Foubdation框架是Cocoa编程、IOS编程的基础框架,包括代表字符串的NSString(代表字符序列不可变的字符串)、NSMutableString(代表字符序列可变的字符串),以及代表日期、时间的NSDate,关于日历的NSCalendar、NSDateComponents等常用类。 一、字符串 1、NSString代表字符序列不可变的字符串,即一旦NSString对象被创建,包含在这个对象中的字符
mukekeheart
2018/02/27
2K0
日期选择器DatePicker和时间选择器TimePicker
在实际开发中,经常会遇见一些时间选择器、日期选择器、数字选择器等需求,那么从本期开始来学习Android中常用选择器,今天学习的是DatePicker和TimePicker。 一、DatePicker DatePicker是一个比较简单的组件,从FrameLayout派生而来,供用户选择日期。其在FrameLayout的基础上提供了一些方法来获取当前用户所选择的日期,如果程序需要获取用户选择的日期则可通过为DatePicker添加 OnDateChangedListener 进行监听来实现。
分享达人秀
2018/02/05
5.2K0
日期选择器DatePicker和时间选择器TimePicker
一篇带你了解如何使用纯前端类Excel表格构建现金流量表
现金流量表(Cash Flow Statement),是指反映企业在一定会计期间现金和现金等价物流入和流出的报表。现金流量表是企业财务报表的三个基本报告之一(另外两个是资产负债表和损益表)。 为了全面系统地揭示企业一定时期的财务状况、经营成果和现金流量,财务报表需按财政部会计准则的标准格式设计,因此,财务报表的典型特征是数据更新频繁、分析维度多、数据来源复杂,常规的报表工具很难同时满足上述所有需求 本博客将带大家了解如何使用类Excel 的 JavaScript 电子表格在前端创建现金流日历。此日历将广泛使用以下强大功能:
葡萄城控件
2022/10/31
10.9K0
一篇带你了解如何使用纯前端类Excel表格构建现金流量表
uni-app日期选择器
首先是这个picker选择器,mode选择日期,end是写一个范围前日期,:end就是这个日期是动态变化的,还有change函数
叶茂林
2023/08/13
1.5K0
uni-app日期选择器
【CSS】CSS 复合选择器 ③ ( 并集选择器 | 并集选择器与后代选择器示例 )
并集选择器语法 : 若干 基础选择器 可以写在一起 , 基础选择器之间使用 , 逗号隔开 ;
韩曙亮
2023/03/30
1.4K0
【CSS】CSS 复合选择器 ③ ( 并集选择器 | 并集选择器与后代选择器示例 )
Android 日期选择器之DatePickerDialog
DatePickerDialog其实就是把CalendarView封装进Dialog中了,调用起来更方便快捷。
yechaoa
2022/06/10
2.2K0
Android 日期选择器之DatePickerDialog
DateTimePicker 日期时间选择器,默认获取当前日期
在vue里面,我们已经用到过单独的TimePicker 时间选择器和DatePicker 日期选择器了,现在需要用到一个可以同时选择年月日时分秒的插件,饿了么的文档里面就有现成可以使用的~~
王小婷
2021/07/19
7.3K0
DateTimePicker 日期时间选择器,默认获取当前日期
点击加载更多

相似问题

日历插件,可用作日期选择器和日期范围选择器

11

在日期选择器中禁用日历

11

构建日历并禁用特定日期

233

材料UI DateRangePicker禁用日期+7天

16

在ejs日历中禁用日期选择器

334
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文