问题标签 [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 投票
1 回答
310 浏览

angular-bootstrap - ui-tabset 和 bootstrap-daterangepicker 不能一起工作?

我有一个使用ui-bootstrap-tabs的应用程序。文档在这里。使用ng-bs-daterangepicker。我观察到的行为是,每当我将 daterangepicker 放在 ui-tab 中时。它无法捕获附加到它的事件。但是当我将该输入标签移到 ui-tabs 之外时,它能够捕获与其关联的事件。

我创建了一个工作plunker来突出我的问题。

这里有两个输入标签。一个在 uib-tab 里面,另一个在它外面。

事件 apply.daterangepicker 在我激活内部输入按钮时不会被调用,但在我激活外部按钮时会被调用。

我的方法
我猜这不是某些帖子中强调的范围问题。因为如果是这样,那怎么连日期都被填充了。另一件事可能是已知问题列,它说

要在选项卡中使用可点击元素,您已经覆盖选项卡模板以使用 div 元素而不是锚元素,并从 Bootstrap 的 CSS 复制所需的样式。这是由于浏览器将锚元素解释为任何单击事件的目标,当某些元素(例如按钮)嵌套在锚元素内时,这会触发路由。

也许这会以某种方式停止事件传播。我被困在这一点上,想不出如何解决它的解决方案。希望社区能在这里提供帮助......

0 投票
0 回答
219 浏览

javascript - Angular daterangepicker 在模态中不起作用

我正在使用取决于bootstrap-daterangepicker 的 angular- daterangepicker

除了在模态框内,更准确地说是在ngDialog内,它在其他页面上运行良好。

它给出了这个错误:

看起来好像bootstrap-daterangepicker文件未包含在 html 中。

我怀疑当一个模态打开时 bootstrap-daterangepicker 有点“失去”它的效果。

可能是什么问题呢?

有什么方法可以重启 bootstrap-daterangepicker吗?

0 投票
1 回答
4630 浏览

javascript - 在引导程序 daterangepicker 中默认选择“本月”范围

我正在使用 Bootstrap Daterange Picker,它使用以下范围选项:

但是当页面加载时,选定的值是空的。

我想在页面加载时默认选择范围“本月”,在引导日期范围选择器中。

Jsfiddle 网址:https ://jsfiddle.net/renishar/wnuy6ypc/

0 投票
3 回答
849 浏览

javascript - Date Range Picker Plugin Date Format Issue

I'm having an issue where the Date Range Picker plugin (via moment.js) is converting my date format from (MM/DD/YYYY) to the Unix date format.

To recreate the issue, I created a Fiddle. In the Fiddle, click on the date range and the picker will display. In the picker, select a date range and click "apply". When you do this, you will note that the date range format is now in the Unix format.

How do I convert the date format back to 'MM/DD/YYYY' when I click apply?

HTML

JQUERY

Fiddle https://jsfiddle.net/coryspi/oka1noht/

Thanks in advance for your help.

0 投票
2 回答
1071 浏览

javascript - 如何为 daterangepicker 设置全局值?

Github:Bootstrap Daterangepicker,插件来源:daterangepicker.js

我想为locale选项设置全局值。我不想每次使用它时都为每个元素设置它。

这是一个示例代码,如何为特定元素设置 daterangepicker。

甚至可能吗?还是我必须重写插件?

如果没有一些自定义修改就不可能做到这一点,那么最好的方法是什么?

0 投票
1 回答
664 浏览

jquery - 如何更改引导日期范围选择器的标签?

我需要通过将默认范围选择为过去 7 天来更改日期范围选择器标签...谢谢

0 投票
1 回答
1819 浏览

twitter-bootstrap - Bootstrap DateRangePicker 在页面加载时显示日历

我想使用 DateRangePicker 显示具有给定日期范围的日历。 http://www.daterangepicker.com/

但它只有在单击输入字段时才会显示日历。我想在没有输入字段的页面加载时显示日历。任何人都有实现这一目标的想法。

谢谢

0 投票
1 回答
772 浏览

javascript - 加载页面时自动将默认 bootstrap-daterangepicker 过滤器应用于 DataTable

我已经关注了一些帖子,例如thisthis,以便在加载页面时将引导 daterangepicker 中的默认值startDateendDate(或例如“本月”,如第二个链接上的)应用于我的 DataTable 但我我是 JavaScript 新手,我无法让它工作。

需要明确的是,我需要在 daterangepicker 上设置一个默认日期,并且在用户与页面进行任何交互之前,必须使用该默认日期在页面加载时从我的 DataTable 中过滤结果。

加载页面后,用户可以选择不同的日期范围并根据需要重新应用过滤器。

我想我只需要找到一种方法来使这个答案中的 JSFIDDLE 与这个答案的代码一起工作。我也在daterangepicker repository 上问过这个问题,但到目前为止还没有运气。

有人可以帮我写代码吗?谢谢!

0 投票
1 回答
2264 浏览

jquery - angular-daterangepicker 不适用于 angularJs

我一直在尝试在我的一个应用程序中使用 angular-daterangepicker。我正在关注这个链接:

https://github.com/fragaria/angular-daterangepicker

  1. 安装了模块。
  2. 在控制器中写入依赖项。
  3. 使用脚本标签在 .html/.ejs 文件中添加依赖项。

错误 :

1) TypeError: el.daterangepicker 不是函数

2)TypeError:无法设置未定义的属性“日期”

如何摆脱这个错误?

0 投票
1 回答
484 浏览

twitter-bootstrap - bootstrap-daterangepicker 默认使用今天的日期填充文本字段

我有以下 HTML:

当我最初加载页面时,输入字段填充了今天的日期。我该如何防止这种情况发生?