bootstrap-使用maxDate的日期时间选择器有时不显示日期
Bootstrap是一个流行的前端开发框架，它提供了丰富的组件和工具，用于快速构建响应式网页和Web应用程序。其中，日期时间选择器是Bootstrap提供的一个组件，用于方便地选择日期和时间。
在使用日期时间选择器时，有时会遇到使用maxDate属性后日期不显示的问题。这个问题通常是由于日期时间选择器的配置或使用方式不正确导致的。下面是一些可能的原因和解决方法：
- 配置错误：请确保正确设置了maxDate属性的值。maxDate属性用于限制可选择的最大日期，如果设置不正确，可能导致日期不显示。确保maxDate的值是一个有效的日期，并且格式符合要求。
- 依赖问题：日期时间选择器可能依赖其他的JavaScript库或插件。请确保已正确引入这些依赖，并按照它们的文档进行配置和使用。
- 版本兼容性：检查使用的Bootstrap版本和日期时间选择器插件的版本是否兼容。有时，不同版本之间的API和配置可能有所不同，导致日期不显示。尝试使用兼容的版本或查阅相关文档以获取正确的配置和使用方法。
- 其他冲突：如果页面中存在其他的JavaScript代码或插件，可能会与日期时间选择器产生冲突。尝试暂时移除其他代码或插件，看是否能够解决日期不显示的问题。
总结起来，解决日期时间选择器不显示日期的问题需要仔细检查配置、依赖、版本兼容性和其他冲突等因素。如果问题仍然存在，建议查阅日期时间选择器的官方文档或寻求相关技术支持。
腾讯云提供了一系列与前端开发、云计算相关的产品和服务，例如云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的信息和使用指南。
相关·内容
1回答
我使用的是dateTimePickers，这样用户就可以为我程序中的内容指定一个to和from日期。显然，"From“值应该在" to”值之前或等于“To”值，所以我添加了以下内容：
public CustomReportDialog()
{
InitializeComponent();
dateTimePicker1.MaxDate = DateTime.Now; //From Field
dateTimePicker2.MaxDate = DateTime.Now; //To Field
}
浏览 1提问于2013-12-01得票数 0
我在DatePicker上有几个简单的问题...
我可以选择一个时间和我的日期吗？我该怎么做呢？
我需要确保我的用户不能选择某个特定时间之前发生的日期，我还需要确保用户可以选择历史上更早的日期，这是常态……
我该怎么做呢？
浏览 0提问于2011-09-01得票数 0
回答已采纳
我使用的是日期字段的bootstrap-datetime选择器。将maxDate设置为当天时，通常的行为似乎是预加载域中的当前日期。当用户到达该字段时，如果愿意，他们可以将日期更改为前一天。下面是我用来初始化datetime选择器的代码： $(".dateinput").datetimepicker({ //Initialize datepicker
icons:
{
next: 'fa fa-angle-right',
previous: 'fa
浏览 48提问于2020-09-13得票数 0
1回答
我正在使用jquery数据报警器和时间选择器。在datepicker中，我想禁用过去的所有日期到当前日期。在时间选择器中，我想显示时间，即比当前的time.Can早一个小时，有人告诉我如何做到这一点？
浏览 2提问于2010-09-23得票数 0
1回答
我使用的是Eonasdan/bootstrap- datetime选择器，并且无法根据输入的value属性来确定页面加载时的初始日期时间。
当页面加载时，即使字段有一个值，输入仍然是空的。
<input type="text" name="start" id="start" value="2015-09-26 18:00"/>
JS -
$("#start").datetimepicker({
ignoreReadonly: true,
u
浏览 0提问于2015-09-28得票数 1
回答已采纳
2回答
大家好，我正在开发一个应用程序，我需要显示一个日期选择器。此日期选择器只需显示年份。是否有人知道如何将日期选择器限制为只显示年份。亲切的问候和感谢
浏览 5提问于2016-04-20得票数 2
回答已采纳
尝试显示“今日默认日期”和“未来日期”禁用，但不工作。
$("#mydate").datepicker("setDate" , new Date());
$("#mydate").datepicker({maxDate: 0});
浏览 0提问于2018-11-13得票数 1
回答已采纳
2回答
我想禁用日历中今天之后的所有未来日期。今天的日期在下图中以黄色(Feb 23rd 2012)突出显示。所有其他的未来日期应该是不可点击的。我该怎么做呢？
例如24号、25号……etc不应为可点击
注意：$('.datepicker').BlackoutDates.Add(new CalendarDateRange(DateTime.Now.AddDays(1), DateTime.MaxValue));不起作用
浏览 1提问于2013-02-18得票数 0
我的网页上有便宜货日期选择器。用户可以从minDate到maxDate的范围内选择日期和时间。在create组件上，我还希望设置最后一个值，用户选择的是- selectedDate。
如果 selectedDate 是从最后一天开始的，则平板拾取器会忽略它。
我的代码：
const options: Partial<BaseOptions> = {
minDate: minDate, // "2020-12-05 00:00"
maxDate: maxDate, // "2020-12-24 23:59"
dateFormat
浏览 2提问于2020-12-16得票数 1
在这样的视图模型中，我有一个DateOfBirth字段，
[Required]
[DataType(DataType.Date)]
[Display(Name = "Date Of Birth")]
public DateTime DateOfBirth { get; set; }
有了这样的观点，
<li>
@Html.LabelFor(m => m.DateOfBirth)
@Html.TextBoxFor(m => m.DateOfBirth)
</li>
和一些jQuery来添加日期选择器，
<script ty
浏览 1提问于2012-06-24得票数 2
当您启动输入时立即生效。
演示：
但是当我把这段代码放在“更新”和预先填充来自DB的2个输入的页面上时，灰色的日期(过去的Max和Min)不起作用.
<input id="datepicker1">
<input id="datepicker2">
<script>
$(function() {
$( "#datepicker1" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
changeYe
浏览 6提问于2016-02-18得票数 0
回答已采纳
我将一个文本字段(在表单中)设置为在焦点上显示jQuery UI日期选择器。
使用PHP (在更新屏幕中)，我(当页面加载时)用一个日期字符串填充该文本字段的值，该日期字符串基于此特定记录的前一个最终用户输入。
我的问题是，我使用minDate和maxDate选项设置了datepicker，这些限制会篡改文本字段中显示的原始值。
如果文本字段字符串小于最小值，则将文本字段设置为minDate的值。
我需要原始值保持不变，即使它超出了日历范围(minDate或maxDate值)，除非用户从日历中进行了更改。
示例：
minDate: 01-04-2013 (dd-mm-yy)
maxDate:
浏览 1提问于2013-05-20得票数 7
在我当前的项目中，当用户选择酒店，并且选择到达日期和离开日期时，我必须在jquery datepicker中将酒店不可用日期显示为禁用
这是我的javascript代码
$("#select_villa").change(function(){
$('#textfield1').datepicker( "destroy" );
var dataString = 'villa=' + $("#selec
浏览 0提问于2011-03-08得票数 0
我在Jquery中使用下面的datepicker来格式化dd/mm/yy格式的日期显示，我还希望用户不要选择将来的date.Only，一次只做一件事。
<script type="text/javascript" language ="javascript" >
$(function () {
var date = new Date();
var currentDate = date.getDate();
var currentMo
浏览 1提问于2011-05-17得票数 0
回答已采纳
我在初始化"From“和"To”日期选择器时设置了minDate(2019-06-21)和maxDate(今天)。当选择时间间隔为月时，将日期时间选择器的格式设置为"MMM YYYY“。然后，我只能在日历小部件中选择Jul，尽管Jun也是活动的，应该是可选择的。
但是如果我在datetimepicker初始化代码中添加"useCurrent: false“，日历将允许用户选择Jun only而不是Jul.
代码如下：
enter code here
https://jsfiddle.net/srcuz3fm/
由于minDate是2019年6月21日，而max
浏览 13提问于2019-07-24得票数 0
9回答
是否可以从今天起禁用未来日期？
假设今天是2010年10月23日，因此2010年10月24日以后的时间将被禁用。
对不起，我是jQuery和JavaScript的新手。
浏览 68提问于2010-10-23得票数 75
回答已采纳
2回答
这里看起来是：
我希望它只显示一个月，它的日期从minDate到maxDate。这很好，但出于某种原因，它显示了两种观点。
这是JS：
var maxDate = new Date();
var minDate = $("#from").val();
var datePickerLimits= $("#from, #to").datetimepicker({
minDate: minDate,
maxDate: maxDate,
pickTime: false,
onSelect: function(selectedDate) {
浏览 3提问于2017-05-05得票数 1
回答已采纳
1回答
在解决了之后，我有了一个新的。JavaScript代码如下：
$(function () {
$('#datepicker').datetimepicker({
useCurrent: false,
maxDate: moment().toDate(),
locale: 'de',
defaultDate: moment().toDate(),
format: 'DD.MM.YYYY'
});
});
当我访问页面时，默认日期没有设置。当我重新加载它时
浏览 2提问于2015-08-06得票数 2
回答已采纳
我正在使用jQuery UI数据报警器在表单中填写两个字段。日期字段中的初始文本是“到达日期”和“离开日期”，而我的意图是，当字段出现焦点时，文本将消失。表单的html是
<form action="/book/book1.php" method="post" target="_blank" id="bookboxform" name="bookboxform">
<input name="ArrivalDate" id="ArrivalDate" value=&#
浏览 4提问于2015-10-01得票数 0
回答已采纳
我想要创建这样的功能，用户可以在今天的日期之间选择日期到今天日期之后的30天，所以我设置了最大日期和最小日期。此外，我想要一个功能，我有两个按钮，一个增加日期，另一个减少日期，从这两个按钮，用户也可以选择日期之间的今天的日期到30天后的日期，但问题是，当有人点击按钮设置最大日期和最小日期不工作，在日期选择对话框第一次工作是好的，但下次有人点击日历时，它显示的是30天，从那个日期，但我不想，我想显示今天的日期和30天后的日期。
设置最大日期和最小日期
try {
pickerDialog = com.wdullaer.materialdatetimepicker.dat
浏览 0提问于2018-12-17得票数 0
回答已采纳
2回答
我在我的项目中有一个问题。我想只显示一个月的日期选择我的开始日期，假设我选择2月1日，然后结束日期将是2月28日，用户无法选择高于2月28日，但不知道如何做。下面是我的代码： <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script>
$("#checkin").datepicker({
浏览 59提问于2019-02-16得票数 0
2回答
使用日期时间选择器默认的最小日期和最大日期为
dtpicker1.mindate = cdate("01/01/2012")
dtpicker1.maxdate = cdate("31/01/2012")
我想在运行时更改datetimepicker中的最小日期和最大日期。
Button1
我再次传递mindate和maxdate，如下所示
dtpicker1.mindate = cdate("01/02/2012")
dtpicker1.maxdate = cdate("28/02/2012")
但是它将错误显示为"A
浏览 1提问于2012-07-21得票数 2
回答已采纳
我使用来显示日期时间选择器对话框。除此之外，我还使用moment.js进行数据操作。对于日期选择器，我将控制器中的minDate和maxDate设置为：
$scope.minDate = moment().subtract(5, 'months').format('DD-MM-YYYY');
$scope.maxDate = moment().format('DD-MM-YYYY');
我想让用户选择一个日期从今天到5个月前的今天的日期。
但是当我将这些值赋值给日期时间选择器时，它只允许我选择今天的日期。所有其他日期都已禁用。
我错过了什么或者做
浏览 5提问于2017-03-20得票数 0
回答已采纳
我有两个用于开始日期和结束日期的日期选择器。我想在开始日期datetime选择器中隐藏今天之前的所有日期，然后在结束日期日期选择器中隐藏开始日期之前的所有日期。
我用mvc和bootstrap选择器来做这件事。
浏览 7提问于2016-07-30得票数 0
Server和C#中的Datetime数据类型所接受的最大日期似乎是31/12/9999 23:59:59。我尝试从数据库中分配数据值(01/01/9999 00:00:00)给日期时间选择器。它失败了说
DateTimePicker不支持31/12/9998 00:00:00之后的日期。
参数名称: MaxDate
现在我的问题是，当这两种数据类型是兼容的(日期时间)，为什么这些是限制在数据选择器。这似乎是故意的。有谁能让我知道为什么这个限制以及这个设计中的特性会有什么帮助呢？
谢谢
浏览 9提问于2016-05-18得票数 1
回答已采纳
2回答
我有两个使用jqueryui datepicker的输入表单: 1.开始日期2.结束日期
我想要的是，当我从“开始日期”中选择日期时，“结束日期”上的日期选择器只显示“开始日期”之后的日期。因此它不会显示比"begin date“更长/更早的日期。如何做到这一点？
谢谢
<input id="start" type="text">
<input id="end" type="text">
<script>
var myDate = '';
$(function(){
$(
浏览 1提问于2012-08-12得票数 1
我有一个只有时间的UIDatePicker，我需要一种可能性来设置最小和最大的时间是显示的。例如，我需要它从6小时开始，15小时结束。是否可以使用UIDatePicker执行此操作？
浏览 2提问于2013-11-08得票数 1
回答已采纳
3回答
如何防止用户键入日期时间选择器(文本字段)，但允许他们使用日期时间选择器。
如何验证一个日期是一个又一个日期，并像ASP.Net MVC3那样在内联(并防止提交)中显示它。javascript并不是一个接一个地检查它的问题，而是我如何显示这条内联消息并阻止提交，并将其与其他验证结合起来。
到目前为止我已经
$("#Save").click(function (e) {
if ( $('#EndTime').val() < $('#StartTime').val() )
浏览 3提问于2011-12-01得票数 3
回答已采纳
我在一个页面上使用了两个jquery。在文档就绪时，其中一个设置为当前日期，另一个设置为当前日期+ 15天
我想做的是让第二个日历永远不允许选择早于前15天的日期。
示例:在文档就绪日历1:显示07/05/11日历2:显示07/20/11，如果我在日历上选择7/21/11，则日历2应显示: 07/05/11。只有在第二个日期选择器输入字段的焦点上，该字段的值才会更改为第5个，并在日历视图中正确显示。它应该自动完成此操作。
下面是一个如何处理此问题的示例
// Setting the current date and adding 15 days
function setRange() {
浏览 1提问于2011-07-06得票数 0
回答已采纳
我正在寻找对我来说非常简单的东西，但我在这里和bootstrap日期时间选择器文档中找不到它。
这个想法非常简单。我有两个datetime字段，它们当前将包含从服务器检索到的page_load的值。
现在，我希望确保第一个日期的maxDate是第二个日期值，第二个日期的minDate是第一个字段的日期。
下面是我的代码：
$(document).ready(function () {
$('[id^="datetimepickerStartDate"]').datetimepicker({
useCurrent: false,
format: a
浏览 2提问于2017-09-12得票数 0
我有一个多个产品和许多不同功能的表项。所有数据都具有显示格式的日期和时间。 ? 正如我们所看到的，所有产品在不同的时间都有条目。我的目标是根据每天的最新时间过滤与产品相关的详细信息。 我可以将时间列分为日期列和时间列。
浏览 13提问于2020-11-04得票数 0
在窗体上工作，通过该表单，我将使用引导数据项向用户显示日期。有两个输入字段来显示日期，主要是离开日期、和返回日期。
当用户选择离开日期(在数据报头上)时，我想要捕获选定的日期，在返回日期字段中，在选定的出发日期后的180天内禁用。
~请协助？
出发日期和返回日期
<!-- Departure date-->
<div class="form-line registar2 love {{ $errors->has('departure_date') ? ' has-error' : '' }}">
浏览 0提问于2019-01-24得票数 1
回答已采纳
我有一个表单，我有两个动态文本框来选择from Date和To Date.Here，我有一些限制，比如用户应该选择日期之间的日期
1)仅限过去的日期
2)仅限未来日期
3)当前日期和过去日期
4)仅当前日期和未来日期
5)所有日期
有没有办法做与jQuery日期范围选择器。或任何其他可用的插件。
浏览 3提问于2014-10-08得票数 0
我创建了一个DateTimePicker，目前正在使用"onChangeDateTime“作为使用ajax更新页面的一种方式。但是我不是一个前端的人，我很难理解到底发生了什么，而且我几乎没有Jquery的经验。我正在努力学习更多，但同时，如果有人提供一些建议，我会很感激。
我要做的是在页面上有一个链接/按钮，在那里我可以调用一些方法来更改日期选择器中的时间，并让它触发onChangeDateTime函数。
我认为只需执行$("#DateTimePicker").somefunction()就可以更改时间，但我似乎连如何更改时间或如何触发onChangeDateTime(
浏览 7提问于2015-04-29得票数 1
回答已采纳
对DateTimePickers有很多挫折感.首先，让我解释一下我的设置。我有两对DateTimePickers。1是From Date (格式化MM/dd/yyyy)，它的对是From HH (格式化HH和ShowUpDown = true)。另一对是相同的，但它的截止日期和时间。他们需要遵守几条规则。
“从采摘器”MaxDates永远不会比“收件人”MaxDates更多。
如果选择日期(ToDatePicker)是当前日期，那么它们的MaxDates都需要是DateTime.Now.AddHours(1)。这样用户就可以搜索“当前”小时.例:如果是当前的4/2/13 10:18 P
浏览 4提问于2013-04-03得票数 0
回答已采纳
我有一个日期选择器，选择一个日期，但我需要一个日期，用户不能选择小于22年的日期。表示当前日期为28/08/19，因此用户无法选择日期，如28/8/18、28/8/17、28/8/16、28/8/15
<input class="input--style-2 js-datepicker dob" type="text" placeholder="Birthdate" name="birthday" id="dob" value="">
<input class="inpu
浏览 1提问于2019-08-28得票数 0
3回答
使用JQuery，我想在DatePicker中加载startDate。
$('#myId').datepicker({ minDate：'-100D'，maxDate：'+145D'，startDate:新日期(201，0，4) })；
其中myId是一个输入字段。MinDate和maxDate都工作得很好，但startDate不能工作。目前，它显示的是今天的日期。
浏览 1提问于2011-01-27得票数 0
回答已采纳
我想将今天的日期设置为jQuery日期选择器的最大日期，以防止用户选择晚于今天的日期
浏览 79提问于2011-10-29得票数 65
回答已采纳
我有两个文本框，上面连接了一个datepicker。文本框用于开始日期和结束日期。设置第一个datepicker，以便用户不能选择今天之前的日期，但可以选择未来的任何日期。
如何设置第二个日期选择器，使其不能选择在第一个日期选择器中选择的日期之前的日期？例如:如果今天是12/11/10，而我在第一个日期选择器中选择了12/15/10，那么第二个日期选择器应该不能选择12/15/10之前的任何内容。
这是我到目前为止所知道的：
$("#txtStartDate").datepicker({ minDate: 0 });
$("#txtEndDate").datep
浏览 3提问于2010-12-12得票数 36
回答已采纳
我使用的是带有剃刀视图的ASP.NET MVC3。我在一个控制器中有两个操作方法(Get和Post)，它们有一个对应的视图(.cshtml文件)。在我的应用程序中，我希望只允许在一年中的特定时间访问该视图，我们称其为“可访问的日期范围”。在所有时间不在可访问的日期范围内，我希望应用程序为用户提供错误消息，而不是显示页面。做这件事的好方法是什么？可以在控制器方法上使用自定义属性吗？逻辑应该直接放在两个控制器方法中吗？我应该只在视图文件中使用if语句和适当的逻辑吗？我并不热衷于将这个逻辑放在一个视图文件中，我想要一个更清晰的选项的建议。
浏览 0提问于2012-08-07得票数 2
回答已采纳
我有一份医疗专业人员的申请，专门为60到100岁的老年医保患者提供服务，我们使用Eonasdan 让他们选择这样的生日：
JavaScript：
$('.birthDateTimePicker').datetimepicker({
format: 'M/D/YYYY',
maxDate: (new Date()),// used to disallow future dates
showClose: true,
viewMode: 'years'
});
HTML：
<div class="input
浏览 0提问于2015-12-10得票数 0
回答已采纳
我正在使用Rails 3.2.11，并且试图同时使用和，但是当我尝试使用数据采集器的minDate和maxDate属性时，我遇到了问题。
我对一个页面的视图(在HAML中)如下所示：
.field_section
= f.label :date, "Date"
%br
= f.datepicker :date, :minDate => "-10y", :maxDate => "+1y", :dateFormat => "yy-mm-dd",
:constrainInput => true
浏览 3提问于2013-02-05得票数 1
回答已采纳
1回答
我试图在我的React应用程序中使用。我正在跟踪这份文件-
我需要一个日期选择器，它只显示31天。
下面是react datepicker文档中的简单代码。
<DatePicker selected={dayPicker} onChange={(date) => setDayPicker(date)} dateFormat="yyy/MM/dd“isClearable={true}
/>
它显示了完整的日历。如何自定义日历？是否可以将标题从日历中删除并替换为文本"Days“？
浏览 2提问于2022-03-23得票数 0
回答已采纳
我在同一页上有2个jQuery UI日期选择器，用于定义日期范围。我需要突出显示两个选定日期之间的日期。假设第一个选择的日期是1月1日，第二个是1月3日，我需要突出显示1月1日、1月2日和1月3日。有人能告诉我这是怎么做的吗？
提前谢谢。
浏览 0提问于2011-03-16得票数 0
以前是否有人遇到过此问题，当我手动键入日期时，它会以蓝色突出显示框，但我无法让它更改日期范围，所选日期应以灰色突出显示。
浏览 0提问于2020-11-02得票数 0
嗨，我已经包括了给定的代码
$('.start').datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 1,
maxDate: "+0D",
dateFormat: "mm.dd.yy",
onClose: function(selectedDate) {
$('.end').datepicker("opti
浏览 0提问于2015-08-03得票数 1
你好，我被要求修改一些代码。我们得到了类似这样的东西：
$("#expiration_datepicker").datetimepicker( "option", "disabled", false ).attr('value', '');
$("#expiration_datepicker").datetimepicker(
{
dateFormat: 'mm-dd-yy',
showOn: 'button',
浏览 3提问于2012-10-09得票数 0
回答已采纳
1回答
我已经搜索过了，一些答案确实找到了我的问题，但还不够接近。
我正在建立一个预订系统，并在一个MySQL数据库中有一系列的“关税”。
所有这些关税都有日期范围(以及其他值，如每晚价格等，与此特定问题无关)。
使用jQuery.datePicker时，我想知道是否有一种方法可以只允许从MySQL数据库中选择日期范围内的日期，而不包括在这些范围内的任何日期将被清除/不可选择。
“关税”表如下：
id date_from date_to color price min
1 2012/02/01 2012/03
浏览 0提问于2012-03-10得票数 0
回答已采纳
我在这里突出显示了这个示例：
基本上，一个单独的事件(构造时未知)需要在datepicker控件上设置"option","maxDate"。这会“清除”textbox的值，因为最初的构造不会这样做。
有人能提供一个解决方案吗？
编辑：
将第5行更改为：
$("#myinput").datepicker("destroy");
$("#myinput").datepicker({minDate:new Date(), maxDate: new Date()});
使其按预期工作，但这是一种非常混乱的方法。
浏览 0提问于2013-06-25得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
