在DateRangePicker中将minDate设置为当前日期
在使用DateRangePicker时，如果您想将minDate设置为当前日期，可以使用以下方法：
- 获取当前日期：
const today = new Date();- 将当前日期设置为DateRangePicker的
minDate：
$('input[name="daterange"]').daterangepicker({
minDate: today,
// 其他选项...
});这样，DateRangePicker将不允许用户选择当前日期之前的日期。请注意，这里的示例假设您使用的是jQuery插件。如果您使用的是其他库或框架，请根据相应的文档进行调整。
以下是一个完整的HTML和JavaScript示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DateRangePicker Example</title>
<!-- 引入jQuery和DateRangePicker的CSS和JS文件 -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
</head>
<body>
<input type="text" name="daterange" />
<script>
// 获取当前日期
const today = new Date();
// 初始化DateRangePicker
$('input[name="daterange"]').daterangepicker({
minDate: today,
// 其他选项...
});
</script>
</body>
</html>将此代码保存为HTML文件，并在浏览器中打开。您将看到一个DateRangePicker，其中minDate设置为当前日期。用户将无法选择当前日期之前的日期。
相关·内容
3回答
在DateRangePicker中将minDate设置为当前日期
javascript、jquery、momentjs、daterangepicker、bootstrap-daterangepicker
我使用DateRangePicker来表示日期。我试图通过将最小日期设置为当前日期来禁用过去的日期，因为below.It不做任何事情。$('.daterange-single').daterangepicker({ minDate: today});
但当你给出实际日期时，它工作正常，如下所示。$(
浏览 73提问于2019-07-11得票数 2
回答已采纳
3回答
如何在daterangepicker中禁用过去的日期？
daterangepicker
我使用两个日期选择的日期选择器。这工作完美，但如何禁用过去的日期。>js/site/daterange/daterangepicker.js"></script>
<link rel="stylesheet" type="text/css" href="<?>css/site/daterangepicker.css"
浏览 2提问于2016-06-21得票数 6
回答已采纳
3回答
如何在数据采集器中设置默认日期？
javascript、daterangepicker
是否有任何方法可以简单地将默认日期设置为当前的+ 的前5天？如下所示：singleDatePicker: true,setDate: '+5d',
minDate
浏览 4提问于2017-06-27得票数 8
回答已采纳
1回答
在AngularJs中动态更改日期时间更改事件的最小、最大日期
angularjs、datetimepicker
我使用一个现有指令来选择开始日期和结束日期。结束日期应始终等于或大于开始日期。用户可以选择开始日期作为future day或old day。应根据开始日期选择设置禁用结束日期时间选择器的最小日期。<input singledatepick
浏览 3提问于2021-02-14得票数 0
2回答
如何在daterangepicker jquery中设置+两年
javascript、jquery、datepicker、daterangepicker
我有两个daterangepicker，我想根据第一个daterangepicker的值将第二个daterangepicker的最大日期设置为+两年。例如，如果我在第一个daterangepicker上将值设置为"2019-10-10“，那么将maxdate设置为第二个datepicker为"2021-10-10”。这就是我尝试过的方法，但似乎
浏览 27提问于2019-12-30得票数 0
回答已采纳
1回答
日历不从今天开始，jqueryui
javascript、jquery、jquery-ui、datepicker、daterangepicker
我正在使用jQuery UI Daterangepicker ()。
$("#search-vac-daterange"
浏览 0提问于2019-01-18得票数 0
回答已采纳
1回答
如果单个日期选择器为true，如何使用daterangepicker设置日期？
jquery、momentjs、daterangepicker
我正在使用daterangepicker选择日期。 选取器应该有一个不带开始和结束范围的日期。 这是我对元素的设置。singleDatePicker: true, timePicker: false, minDate此时，我将singleDatePicker设置为true，如何设置没有开始和结束的日期，
浏览 93提问于2021-02-10得票数 0
1回答
ng2-daterangepicker使用选定的startDate设置minDate
angular、daterangepicker
我的html有开始日期和结束日期。选择结束日期值时必须将开始日期作为结束日期的开始日期。<div class="input-group" [options]="singlePicker" (selected)="selectStartDate($event)" daterangepickerform-control uneditable-input" name="start"
浏览 25提问于2017-06-26得票数 0
1回答
一些不能在数据采集器中工作的功能
javascript、jquery、angularjs
请找到我的工作演示
startDate: moment().subtract(1, 'days'), min
浏览 3提问于2017-05-22得票数 0
1回答
如何验证jQuery UI日期选择器“从日期”到“日期”
javascript、jquery、jquery-ui、jquery-ui-datepicker
我有两个字段“从日期”和“到日期”。我是jQuery的新手，我正在学习它。
我目前正在使用以下代码：
$
浏览 0提问于2016-08-12得票数 0
回答已采纳
11回答
在javascript中查找从当前日期开始的上一年日期。
javascript
我需要查找当前日期的前一年日期，然后在javascript中将其设置为minDate in jQuery UIdatepicker即
当前日期是25-07-2012
浏览 8提问于2012-07-25得票数 40
7回答
如何在jQuery UI日期选择器中将minDate设置为当前日期？
jquery、jquery-ui-datepicker
我想将minDate设置为当前日期。我该怎么做呢？function(dateText) { $("input#DateTo").datepicker('option', 'minDate
浏览 1提问于2013-02-11得票数 61
回答已采纳
2回答
daterangepicker中的StartDate在第二个输入中不起作用
javascript、jquery、datepicker、momentjs、daterangepicker
当我尝试在第一个输入中创建startDate它工作，但我需要startDate作为第二个输入，结果不是工作。以下是我的代码 singleDatePicker: true, $('.date-picker').val(chosen_date.format('DD-MM-YYYY'));
浏览 2提问于2018-09-01得票数 2
回答已采纳
2回答
我将使用什么jquery代码或插件来更新元素的位置？
jquery、jquery-plugins、css
我有一个简单的表单，其中包含两个文本输入，分别用于开始日期和结束日期，我使用下面的代码将DateRangePicker绑定到该日期 earliestDate: new Date(minDate),
latestDate: new Date(minDa
浏览 2提问于2010-04-04得票数 3
回答已采纳
1回答
如何将daternagepicker设置为允许本地日期时间选择而不是utc
javascript、ruby-on-rails、datetimepicker、datetimeoffset
我正在使用datetime的约会器来显示用户选择的日期时间范围。不幸的是，所选择并传递给后端的日期时间是以UTC为单位的，因此被保存到数据库中。我需要设置daterangepicker，以便根据前面选择的时区显示本地时间。有人知道怎么处理这事吗？我尝试添加timeZone选项("01:00")，但似乎没有什么不同。$('form .date_available').daterangepicker({
timeZone: "01:00&
浏览 2提问于2015-04-22得票数 0
回答已采纳
1回答
我不想用今天的日期预先填充我的日期范围选择器文本框
twitter-bootstrap、asp.net-core、bootstrap-4、bootstrap-daterangepicker
我已经使用了Bootstrap的日期范围选择器。当前发生的情况是，每当我的页面加载日期范围选择器时，它会自动预先填充今天的日期。我只想把这个去掉。minDate: moment(), locale: { firstDay:, startDate: moment().add
浏览 29提问于2020-09-08得票数 0
2回答
jquery datepicker onSelect未触发
javascript、jquery、jquery-ui-datepicker
我有一个来自jquery的普通datepicker。它工作得很好，但"onSelect“不会触发。有没有人知道为什么这不起作用？此外，"onClose“也不起作用。var startDatepickerSettings = { todayHighlight: true, onSelect: function (date) {
浏览 2提问于2017-03-02得票数 1
2回答
角DateRangePicker -在日历弹出窗口中使"To“和"From”字段只读
angularjs、bootstrap-daterangepicker
当日历弹出时，我使用的主题显示“To”和“From”字段，“Apply”和“Close”按钮在左侧。日历：我需要使突出显示的字段成为可读的，这样用户被迫只从日历中选择日期，然后单击'Apply‘。可编辑的字段允许接受过去的日期。这就是我需要限制的行为
浏览 2提问于2016-10-26得票数 0
1回答
如何将日期选择器设置为今天+1天？
jquery、bootstrap-daterangepicker
我想要将我的日期选择器的开始日期设置为today + 1 day，并将我的日期选择器的结束日期设置为today + 2 days。var currentYear = date.getFullYear(); minDate</
浏览 16提问于2017-08-10得票数 0
回答已采纳
1回答
如何本地化jQuery UI DateRangePicker？
javascript、jquery、jquery-ui、datepicker、daterangepicker
我正在使用jQuery UI DateRangePicker ()。我想这个数据收集器有3种语言(nl，fr和en)。 datepickerOptions: { }]
浏览 0提问于2019-01-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
