问题标签 [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 回答
2374 浏览

javascript - 日期范围选择器 - 24 小时范围选择

我正在为引导程序使用日期范围选择器插件,我需要将日期时间范围设置为最大 24 小时。

以下示例允许我选择日期范围:

选择开始日期和时间后,结束日期应为开始日期和时间的 24 小时。(将结束日期和时间限制为从开始日期时间起 24 小时)

如何使用插件实现这一点?

0 投票
0 回答
570 浏览

javascript - 引导日期范围选择器的多个范围选择器

我正在使用引导日期范围选择器。我想展示

作为选定的日期范围。如何将 css 应用于两个日期范围。

我正在使用以下配置

0 投票
1 回答
1728 浏览

jquery - Daterangepicker / Moment JS - 错误的时间戳

一段时间以来,我一直在为此挠头。我在UI 的前端使用 daterangepicker.js ( http://tamble.github.io/jquery-ui-daterangepicker/ )。我的实现非常基本,可以在下面找到。问题是每当我使用 moment.unix() 转换扩展时间时,时间戳都会在输入日期前一小时返回

这里有一个示例:正如您所见,传递给我的时刻 js 的开始标记是 2017 年 10 月 2 日星期一午夜(这是正确的,反映了我在 UI 中选择的内容)

开始时间:2017 年 10 月 2 日星期一 00:00:00 GMT+0100(GMT 夏令时间){}

当我使用

它转换为 1506898800,反映 10/01/2017 @ 11:00pm (UTC)

我试过moment().utc()。

这里有任何指示吗?

PS 我知道我可以在时间戳中添加 3600,但我不想这样做,因为我确定我错过了一些相对简单的东西。

谢谢

0 投票
1 回答
332 浏览

yii2 - Yii2 Boostrap 周期选择器

我正在使用 Yii2,我想要以下内容:

  • 以“范围”作为项目的下拉列表(周、整周、周末等)(完成)
  • 基于所选范围的 RangePicker 将:
    • 仅允许某些天作为开始日期(例如:周 = 星期一;周末 = 星期六)
    • 将根据开始日期自动选择结束日期(例如:周:周一至周五;整周:周一至周日;周末:周六至周日等)

对于下拉菜单,这很好。但是对于 DateRangePicker,我开始使用Krajee DateRangePicker

  • 我没有找到“onStartDateSelected”的回调(我只看到在选择范围时调用的回调,但不是针对单个开始日期或结束日期)
  • 我没有看到“setStopDate”功能
  • 我看不到如何动态更改每周的可用天数

我看到我们可以有一组预定义的时间段,如“过去 7 天”、“本月”等。但这不是我想要的。我希望用户能够选择开始日期,但会根据用户设置的内容自动计算结束日期。

(我是网络开发的新手,所以如果你发现我的问题有什么可以改进的,请不要害怕分享)

0 投票
1 回答
1389 浏览

datepicker - Bootstrap Datepicker 设置最小范围

我们正在使用 Bootstrap Datepicker ( https://github.com/uxsolutions/bootstrap-datepicker ) 来设置签入和签出日期。

我们需要能够在日期选择器上为具有最少住宿晚数的属性设置“最小范围”。

缺少要求:

  • 不允许 # 晚数少于酒店每晚的最小值。
  • 不允许结帐日期早于签入日期。

因此,如果访客选择入住日期为 2017 年 1 月 12 日,并且酒店的最低住宿晚数为 3 晚,则不应允许访客选择 12/02/2017、12/03/2017。下一个可供他们结账的夜晚应该是 2017 年 12 月 4 日。

我没有看到这个日期选择器是一个简单的选项。我确实看到它已被很多人添加为功能请求。 https://github.com/uxsolutions/bootstrap-datepicker/issues/970

通过使用 disabledDates 和 setDatesDisabled 日期,我已经建立了可能工作的开始。但是,我似乎无法弄清楚为什么在选择新的开始日期时这些 disabledDates 不起作用或触发。我认为我应该能够将新设置的禁用日期与已经发布的日期结合起来。

是否还有其他内置日期选择器?或者,是否有一种简单而干净的方法可以将上面缺少的要求添加到引导程序日期选择器中?

简单的 JSFiddle

0 投票
2 回答
382 浏览

javascript - 如果未选择日期,则将日期值保留为默认值

我想将 Date 的值保持为我指定的默认值。如果用户单击提交按钮时未选择日期。

我需要的功能是什么。如果用户选择一个日期并提交表单,则提交后表单选择的日期值必须是日期字段上的值,这样可以完美地工作。我有问题,即。当未选择日期且用户提交表单时,日期字段默认为今天的日期选择日期

我的代码如下

HTML

js代码

日期范围选择器

0 投票
5 回答
3714 浏览

javascript - 如何通过引导日期范围选择器获取所选日期的天数?

我使用引导日期范围选择器来选择开始和结束日期。我工作正常。但我想添加所选天数。我的代码:

如何获取选定的天数并在显示的日历区域中显示天数。

0 投票
1 回答
2240 浏览

internationalization - 如何本地化日期范围选择器?

在此处输入图像描述

我正在使用日期范围选择器组件来选择日期范围。它支持I18n吗?如何将日历语言编辑成Traditional Chinese?

这是配置代码的示例片段:

任何建议或指导将不胜感激。

0 投票
1 回答
62 浏览

jquery - 带有开始和结束数据 Jquery DateRangePicker 的单个日历

好吧,我正在处理一些日期内容并使用 jquery dateRangePicker。我想要一个配置,例如跟随具有多个(开始和结束)日期的容器单个日历。有什么选择吗,或者你可以给我推荐一个新的。提前致谢。 在此处输入图像描述

0 投票
1 回答
146 浏览

twitter-bootstrap - daterangepicker 没有在 liferay7 中加载

我想在 liferay 7 的 portlet 中使用 daterange 选择器。下面是我在 java 代码中加载的脚本:

但是当我打开portlet时,它说

我已经加载了 daterangepicker 页面 ( http://www.daterangepicker.com/ )上提到的所有脚本。我在这里想念什么?