问题标签 [bootstrap-daterangepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
2510 浏览

javascript - 将 autoUpdateInput 设置为 false 后日期时间选择器不起作用

我有一个要求,当用户有一个日期时间存在于数据库中时,它只显示日期。但是如果数据库没有日期时间,那么在文本框中它必须是空白的。

但是当页面加载 datetimepicker 在其中设置默认值时。因此,为此我已将其设置autoUpdateInput为 false,它将文本框设置为空白。但之后 datetimepicker 不会在文本框中设置值。

Js小提琴链接:https ://jsfiddle.net/Ly0jh5pz/2/

注意:我必须使用 daterangepicker 所以引导 datetimepicker 不是一个选项。

0 投票
0 回答
40 浏览

javascript - 如果我在单独的下拉列表中选择特定选项,如何在日期范围选择器中选择它?

我有一个用于选择日期范围的下拉菜单,例如(“上个月”、“本月”、“第 1 季度”)。

如果我在下拉列表中选择上个月,我可以将这些日期设置为在日期范围选择器中选择的日期。

但是选项(上个月)未显示为在自定义范围选项中选择。它显示选择的自定义范围。

是否可以选择自定义选项?

0 投票
1 回答
409 浏览

jquery - 防止选择包含不可用时间跨度的时间跨度

我目前正在为我的一个朋友开发一个度假公寓网站。我遇到了一个问题,不知道如何解决。我正在使用一个名为bootstrap-daterangepicker或只是daterangepicker的插件。问题是:

我想阻止用户选择包含不可用日期的时间跨度,这意味着如果其他人已经预订并因此无法选择时间跨度(例如“ 1 月 7 日 - 11 日”)在前面提到的那个中。因此,如果用户选择一个日期,则必须找出数组“不可用”提供的下一个禁用日期的安排时间,并禁用该日期之后的所有日期的选择,因此类似于 maxDate 选项(在我的示例中为所有日期从现在起一年和一个月后无法再选择)。

如您所见,时间跨度

我使用 isInvalidDate 选项禁用特定日期的选择:

0 投票
1 回答
956 浏览

javascript - 日期范围选择器不适用于简单的 Web 应用程序

我尝试在一个简单的 Web 应用程序上添加这样的日期范围选择器。我只有一个 html 文件、一个 css 文件和一个 javascript 文件。

所以,在我的文件中,我有与jsfiddle相同的东西,并且我有相同的依赖项,但在我的应用程序中,这不起作用。

在我的 html 文件中,我有:

在 javascript 文件中,我有:

你知道为什么它不起作用吗?

0 投票
1 回答
493 浏览

jquery - 以正确的语言环境格式显示时间选择器

我正在使用Bootstrap daterangepicker。Moment JS 用于设置日期格式等的语言环境。

我想展示基于 Moment JS 语言环境的时间选择器。Daterangepicker 有一个参数,用于在初始化时设置选择器格式(12h/24h)

timePicker24Hour: true (或 false/12h 格式无参数)

如何从 Moment JS 获取有关时间格式的语言环境信息?然后我可以在 init 上设置正确的时间选择器类型。

0 投票
1 回答
124 浏览

javascript - 无法将值重置回最初选择的值

我正在开发引导日期选择器,我在日期选择器上有一个重置和提交按钮。我想为日期选择器上的一个按钮实现重置按钮功能。当用户从日历中选择新的日期范围并单击重置按钮时,应该突出显示以前(最初)选择的值并且新选择的值应该是清除。

请在此处找到代码演示

最初,当在“选择日期”字段中单击时,会打开一个日历,并选择日期 04/23/2017 作为开始日期,选择 06/07/2017 日期作为结束日期。当用户选择其他日期范围时,新选择的日期会突出显示。当用户单击重置按钮时,它必须再次突出显示最初选择的日期(04/23/2017 和 06/07/2017)(基本上我们正在清除新选择的值,以便用户可以选择其他日期范围)。

我已经浏览了 API,但无法获得预期的输出。

我尝试了如下

0 投票
2 回答
5516 浏览

bootstrap-daterangepicker - 定位 BootStrap daterangepicker 日历

我正在使用BootStrap Datepicker。我想在字段顶部加载/定位日历。我怎样才能做到这一点 ?

目前它正在像这样加载 - 在此处输入图像描述

0 投票
2 回答
290 浏览

angular - 使用事件更新 daterangepicker

我在我的 angular2 应用程序上使用这个日历:

https://www.npmjs.com/package/ng2-daterangepicker

http://www.daterangepicker.com/#options

发生某些事件时,我面临更新设置的问题。

我怎么能那样做?初始化后似乎无法更新设置。

我想更新与语言相关的语言环境对象(当用户将网站从英语翻译成另一种语言时,我需要传递不同的语言环境值)。

谢谢!

0 投票
1 回答
1437 浏览

javascript - Daterangepicker 输入未更新

我在我的应用程序中使用https://github.com/skratchdot/react-bootstrap-daterangepicker。如果我选择自定义范围,则输入会在点击应用后更新。如果我选择一个预定义的范围,那么小部件会在不点击应用按钮的情况下关闭。预定义的范围也不会写入输入。

这是反应类的代码:

0 投票
1 回答
1123 浏览

php - 具有两个属性的 Kartik DateRangePicker 在范围日期选择上导致 invalidDateFormat 和 NaN

我对我在 gridview 中用于过滤某些结果的 Kartik DateRangePicker Widget 有疑问。

在我的 SearchModel 中,我创建了两个属性

我使用这些来过滤数据库“insert_date”中的字段。

在我看来,作为网格配置,我设置了这些选项

默认情况下 $date_start 和 $date_end 没有值,所以,当我进入我的视图并尝试过滤此字段时,我在日历上收到一个“invalidDate”错误和一系列NaN

如果我为这两个字段设置了一个值,或者如果将它们从配置中删除(因此我只能将 insert_date 属性用作具有这两个范围的字符串进行过滤),则这是固定的。

查看插件存储库,我发现了相同的案例,并作为作者的回应

出现此问题是因为您的数据日期格式无效,与插件格式不匹配。

但由于这些字段为空,因此永远不会有正确的数据格式。

有人有同样的问题吗?提前感谢所有回复。