如何禁用数字输入日期选择器？
禁用数字输入日期选择器可以通过以下几种方式实现：
- 使用HTML的
readonly属性：在日期输入框中添加readonly属性，这样用户将无法直接在输入框中输入日期，只能通过其他方式选择日期。
<input type="date" readonly>- 使用JavaScript禁用日期选择器：通过JavaScript代码，可以禁用日期选择器的弹出框，使用户无法选择日期。
<input type="date" id="dateInput">
<script>
document.getElementById("dateInput").addEventListener("click", function(event) {
event.preventDefault(); // 阻止默认行为
});
</script>- 使用CSS隐藏日期选择器：通过CSS样式，将日期选择器隐藏起来，使用户无法看到和选择日期。
<input type="date" id="dateInput">
<style>
#dateInput::-webkit-calendar-picker-indicator {
display: none; // 隐藏日期选择器图标
}
</style>以上是禁用数字输入日期选择器的几种方法，根据具体需求选择适合的方式即可。
腾讯云相关产品和产品介绍链接地址：
相关·内容
我有一个包含两个日期选择器的日期范围，如下所示：
但是在两个日期字段上都有图标触发器。
现在我想用两个单选按钮禁用/启用这个日期范围：“开”和“关”(不是用复选框！)。还必须禁用/启用该图标(灰色或非灰色)。
我为此找到了很多东西，但不是一个完整的解决方案。
以下是我的单选按钮：
<input class="radiobutton" type="radio" id="flex_ja" value="noch" name="flex" /><label for="flex">
浏览 1提问于2012-06-04得票数 0
2回答
如果我希望我的输入字段允许非日期(或无效日期)，我该如何使用jqueryUI“日期选择器”？
我有一个服务器端脚本，可以处理一个正常的日期作为输入，或星号的意思是“最新的日期可用”(在其他一些特殊的代码)。
在我的HTML表单中有一个弹出式日期选择器是很好的，但只有在需要的时候。
如何使用jqueryUI日期选择器选择特定的日期(例如，通过单击日期选择器图标)，同时还允许用户输入我们的特殊代码之一作为“假日期”？
谢谢!
浏览 0提问于2011-10-03得票数 4
回答已采纳
我有一个问题，这里有人知道如何禁用日历中的日期吗？
<input type="date">
从数据库里的记录？
*广泛：
插入日期->数据库->从数据库->读取日期输入type=" date“日历中的禁用日期
浏览 11提问于2017-08-04得票数 1
我使用showDatePicker函数从对话框日历中选择日期。它显示了右上角的编辑图标(参见img 1)，以更改为输入模式，用户可以将日期作为文本输入(参见img 2)。
如何阻止/禁用编辑按钮/输入模式在右上角显示？我想删除这个图标，因为我不想使用它。
帮我谢谢
img 1
img 2
浏览 5提问于2020-06-08得票数 12
我的日期选择器字段有一个供用户选择日期的按钮。但是，当我尝试禁用此字段并将其设置为readonly时，该按钮仍然有效！
下面是我如何设置: HTML
<input name="ResponseDate" type="text" value="15/02/2017" readonly="readonly" id="ResponseDate" disabled="disabled" class="txtInput dateSelector hasDatepicker">
Ja
浏览 12提问于2017-02-08得票数 1
2回答
从组件角度禁用事件单击
、、、、
我正在使用链接上的组件：
我找不到禁用组件状态的任何函数或属性，因此无法在日历上选择日期。
因此，我想知道是否可以删除click事件，这样它就不能在给定的情况下选择日期。
我只能禁用他无法选择的日期，只是不能显示我在计划中手动输入的选定日期。
是否可以从DOM中删除事件，使其不能对组件执行任何操作？我该怎么做？
浏览 2提问于2019-09-03得票数 1
回答已采纳
是否有任何方法禁用“免费”用户输入eonasdan-datetimepicker选择器？我的目标是强迫用户使用选择器选择日期，并且完全不允许手动输入日期。
浏览 2提问于2016-04-04得票数 0
回答已采纳
<input type="text" value="06-Jul-2011" propertyname="ChildOptionComponent.FirstRollDate" onchange="parseAndSetDt(this); " name="ChildOptionComponent_FirstRollDate" id="ChildOptionComponent_FirstRollDate" disabled="disabled" datatype="Dat
浏览 0提问于2011-06-07得票数 2
回答已采纳
如何创建自定义日期时间选择器？在这里我可以像普通文本输入框一样使用自定义占位符。使用js？日期时间选择器将显示“选择您的出生日期”，用户可以点击它，然后框将显示日历。
浏览 14提问于2020-06-18得票数 0
我的module.css文件中有一个类，如下所示
.field input[type='date']:in-range::-webkit-datetime-edit-year-field {
color: transparent;
}
当输入未被禁用时，此操作有效。yyyy的颜色设置为透明。
当输入被禁用时，颜色会被设置为Google为该字段设置的默认颜色。
以下是我尝试过但没有成功的地方：
.field input:disabled[type='date']:in-range::-webkit-datetime-edit-year-field {
co
浏览 1提问于2021-11-18得票数 0
回答已采纳
4回答
我将一些输入的数字相加，得到一个总数。合计脚本可以工作，但是现在，如果输入被禁用，我希望不包括要计算的输入。我想我需要使用: not (:disabled)，但不确定如何正确地将其放入我的脚本中？
这是一个重要的脚本：
$('.observationPositive').each(function(){
countP++;
sumP += Number($(this).val());
});
如果未禁用，如何说仅计数？(错误编码示例)
$('.observationPositive').each(function(){
countP++;
浏览 3提问于2013-01-29得票数 5
回答已采纳
4回答
我使用了一些KendoUI元素，如ComboBox、DatePicker等，一切正常，但有一个主要问题是这些元素实际上允许手动输入。
例如，在comboBox中，我可以通过点击它来输入，这会激活一个文本框，这真的很危险，并且破坏了使用<select>类型列表元素的目的，日期选择器也是如此。
那么，您能否指导我如何禁用这些手动输入，并仅限制用户从可用选项中进行选择。
<input id="date" value="@DateTime.Now.Date"/>
<select name="need" id="nee
浏览 4提问于2013-03-25得票数 4
回答已采纳
2回答
您好，我使用的是Material-UI Datepickers中的datepicker。使用他们提供的内联日期选择器，我想在输入字段中插入一个日历图标。 这就是input元素的样子。如何将I con添加到此处的输入字段中。因此它仍然显示在元素内部，单击它将激活inputfield，但不会破坏输入的值。 <InlineDatePicker
label={"Start Date"}
value={startDate}
format={"MMM
浏览 22提问于2019-04-29得票数 1
1回答
如何在HTML日期选择器上禁用几个日期(例如:一周)？我有一个这样的输入项
<input type="date" id="date01" name="date01" max="2019-12-30">
我知道我可以使用最小和最大值来限制可用时间段，但在这里，我想在中间划出几天。我能用普通的html日期选择器做到这一点吗？如果是这样的话，是怎么做的？
浏览 11提问于2019-07-31得票数 0
我正在创建一个包含日期输入字段的表单。我已经成功地将其设置为yyyyyy格式，但是，在输入日期时，我的年将接受6个值，例如yyyyyy。这造成了两种糟糕的用户体验。
如果用户只想输入日期为"2020-01-18“的日期，则当用户键入日期为"202001-12-01”时，该年接受了年份和月份的值，而月份值默认为"12“，因为日期值"18”被输入，而最终的日期值是当前日期。如果用户键入"2020“，然后点击选项卡进入月份，它将成功导航到他们输入"12”的日期字段。但是，如果/当他们再次点击选项卡进入当天，它将把它们发送到下一个输入字段，而不是日期，因
浏览 3提问于2020-01-17得票数 0
1回答
我稍微修改了一下日期选择器的工作原理。它是在select更改时触发的。
但是现在我不能输入文本框了。我使用文本框不仅用于日期时间，而且允许用户在我的应用程序中输入其他类型的信息。
，如何让用户输入这个文本框？，所以所有其他设置都保持原样。只有在选择更改时才触发数据报警器。不要点击文本框本身。
html代码
<input id="datetime" type="text" name="datetime" value="" >
<select size=5>
<option value="
浏览 1提问于2012-06-17得票数 2
回答已采纳
1回答
嘿，伙计们，我正在做一个项目，需要验证日期选择器，以检查结束日期是否大于或等于开始日期！有人能帮我编写jquery吗?这样我就可以根据用户的日期选择禁用日期，限制他/她在用户输入的起始和结束范围内选择日期？代码如下所示：
<div class="mb-4">
<label for="startdate" class="form-label">StartDate</label>
<input type="date" class="form-control"
浏览 3提问于2022-07-15得票数 -1
日期选择器与键盘完美配合，如果我使用鼠标，它在我的红色区域(屏幕截图)不起作用。我使用了这个：https://github.com/Hacker0x01 请看下面的屏幕: bleu区域工作正常，日期设置得很好，可能是因为我在后面有工具栏而不是输入，但如果我点击红色的部分，值没有设置，并且它将我的draftJs编辑器放在后面。 ?
浏览 15提问于2019-03-13得票数 0
输入日期时，DateTimePicker的默认输入行为如下所示：
YYYY(右箭头)MM(右箭头)DD
用户想要像这样输入日期：
YYYYMMDD
有没有什么简单的方法可以修改DateTimePicker的输入行为，让它的行为像用户想要的那样？
提亚
浏览 2提问于2009-01-15得票数 1
回答已采纳
1回答
一直试图找出这个问题的原因，但我有一个输入字段的Flatpickr日期时间，但它没有打开本机Iphone日期选择器。
这只有在需要时才会发生，无论是Safari版本还是Chrome版本，Iphone 11和更低版本都是如此。
另一件奇怪的事情是，我们也有其他环境，数据选择器在这些环境中打开，但是输入的HTML是相同的。
下面是输入html：
<div class="form__field-group u-full-width dw-mod">
<div class="u-full-width">
<lab
浏览 13提问于2022-01-07得票数 0
对于我的日期时间字段，我使用了jQuery日期/时间选择器。
这样做效果很好。
但是在更新表单上，当我试图在这个日期/时间选择器输入字段上从数据库中输出日期时，它不起作用。当我检查元素时，日期值就在那里(采用正确的ui日期/时间选择器格式)，如下图所示：
如何使PHP中的日期值出现在日期选择器字段中？
浏览 7提问于2013-02-02得票数 0
回答已采纳
1回答
我有一系列的引导日期字段，如下所示
<input id="TxtNextReviewDate" type="text" asp-for="RequestFormMaster.NextReviewDate" class="form-control form-control-sm datepicker">
<input id="DateSalesRequest" asp-for="SLAInformation.SalesDateOfSubmission" type="text&
浏览 4提问于2022-01-21得票数 0
回答已采纳
1回答
我在创建日期和更新日期这两个部分中创建了一个crud操作。创建任何实体时，“创建日期”部分和“更新日期”部分中的“创建日期自动分配”部分将禁用。当我更新实体时，只有更新日期在该日期自动更改，并禁用了创建日期。
<div class="my-3">
<label class="form-label" for="Lead_CreateOn">{{ l('CreateOn') }}</label>
<
浏览 2提问于2022-06-14得票数 0
我需要这样的东西：
而且我已经能够实现一些很接近的东西。我想得到的帮助是如何使活动日期动态化？比如只激活那些有事件的日期。在我的例子中，每个事件都是一个aspx页面，其中包含事件详细信息，如日期、时间、位置、地图etc..to，更具体地说，这是sharepoint发布站点，每个页面都是一个发布页面，使用一些带有自定义字段的自定义布局。无论如何，基于这些页面上的日期，我需要能够使日期active..Can有人给一些想法？
浏览 0提问于2011-12-21得票数 0
2回答
这个小提琴显示了我的问题：。蓝色块遮挡了数值调节按钮和日期选择器下拉链接。但我认为你需要在Windows Chrome上才能看到它。这是一个没有蓝块的版本
此HTML
<input id='date1' type="date" />
<div id='abcd'>blue block</div>
这就是CSS
#date1 {
width:6em;
border: 1px solid red;
}
#abcd {
background-color:blue;
浏览 0提问于2013-01-21得票数 0
回答已采纳
我使用jQuery ui日期选择器插入日期，但我不知道如何删除由razor生成的建议列表 ?
浏览 25提问于2019-04-27得票数 1
回答已采纳
我使用的是角度材料日期拾取器，在输入字段中输入单个或多个数字，然后离开焦点或单击外部时出现问题，日期拾取器自动拾取日期。
我不想选那样的。我希望用户输入完整的日期，如果不仅仅是使输入字段为错误状态。
有人能帮助解决这个问题吗？
浏览 1提问于2019-09-25得票数 1
2回答
html输入字段选项
、、、
我有一个输入字段，点击后，我将显示一个日期选择器来选择日期。我希望始终使用该选取器而不是通过键入来选择此字段。原因是，我只是修改了这一个字段，不想接触整个代码来验证这个字段。我已经提供了足够的下拉选项供用户从下拉列表中进行选择，因此我更喜欢使用此选择接受输入，而不是通过键入。如果我允许输入，用户可能会将年份更改为过去的一年，这将覆盖所有内容。
问候
浏览 1提问于2010-06-30得票数 0
回答已采纳
我有一个国际用户的网站。假设该网站只支持英语用户(网站上的所有文本都是英文单词)。网站有一个提交表单，网站的最终用户需要输入日期、整数和小数。在服务器端，我将转换所有基于文本的字段:日期，整数，小数到日期，整数，双对象。
我的问题是:在服务器端，我应该使用哪种语言环境来转换所有基于文本的字段、Integer、Double对象？
我有两个选择:第一个选择是，我将始终使用US-Locale进行转换。第二个选择是我将使用最终用户浏览器设置地区(从请求区域设置)。
如果我使用第一选择，比方说法语，日语，…等等，用户必须始终输入美国地区日期，整数，小数格式。
如果使用第二种选择，则法国用户可以输入法语地
浏览 0提问于2020-10-22得票数 0
回答已采纳
我想知道是否有人知道是否有可能覆盖支持新的HTML输入类型的浏览器的默认行为，如type="email“和type="date"？
我很感激我可以测试浏览器是否支持输入类型的，并为那些不支持的浏览器提供一个退路，但我想知道的是，在做的支持的浏览器中，有什么方法可以防止这种默认行为发生吗？
例如，如果在Opera中我想使用日期输入类型，但我不希望Opera显示本机数据报警器(也就是说，我想用我自己的自定义输入替换它)，这可能吗？是否有像onDatePickerShow这样的DOM事件可以链接到？
我不相信这是可能的，但如果有人知道的话，我很乐意听到你的消息。
浏览 3提问于2009-11-12得票数 2
回答已采纳
我有一个datepicker，它禁用了商店关闭的日期。用户仍然可以在此字段中键入内容，并且日期选择器不会根据选取器中禁用的日期进行验证。实际上，它甚至不支持最大/最小日期...我该怎么做呢？
$("#date").datepicker({
beforeShowDay : function(date) {
var day = date.getDay();
return [(day != 0)];
},
minDate : '08/10/2011',
onClose: function(dateText
浏览 0提问于2011-08-10得票数 0
2回答
输入类型日期，自定义格式
、、、
如何才能使用户必须输入YYYY-MM.。
在输入框中，连字符已经存在，您必须像替换YYYY和MM一样填写，但您不能输入其他任何内容。
输入日期的格式为mm/dd/yyyy。我想要YYYY-MM.。
浏览 0提问于2016-12-15得票数 0
在我的formType中，我使用以下代码来呈现我的日期字段类型。
$builder->add('date_naissance', 'date', array(
'input' => 'datetime',
'widget' => 'single_text',
));
这里解释了它是如何呈现的。我的问题是，我想使用jquery选择器，而问题是，默认情况下，输入似乎已经包含了一些丑陋的小部件来选择日期。我的问题很简单。如
浏览 0提问于2013-01-16得票数 3
回答已采纳
我有如下的输入数组
[{"modifiedDate":"2015-07-01T01:00:00.521"},{"modifiedDate":"2018-07-01T03:23:00.654"},{"modifiedDate":"2017-03-14T11:25:35.877"},{"modifiedDate":"2018-06-01T05:23:00.712"}]
在上面的输入中，我应该只得到最高的日期时间。我如何在数据编织中做到这一点？
浏览 14提问于2018-02-27得票数 0
2回答
我使用的是带有澳大利亚日期格式化集(dd/mm/yyyy)的DateTimePicker
问题是当用户输入月份(mm)之外的日期时，控件会将该日期重置为"1“。
对于用户来说，这显然是一个非常令人困惑的障碍--从文化的角度来看，先进入月份，然后进入日期是不自然的
有没有办法禁用这个验证，或者把它推迟到控件失去焦点的时候？
谢谢!
浏览 4提问于2009-11-09得票数 0
回答已采纳
1回答
如何在日期选择器上禁用以前的日期？目前我正在使用下面的代码，但它也禁用了当前日期。格式还包括我也不想要的时间。
$('#datetimepicker5').datetimepicker({
minDate: new Date(),
disabledDates: [new Date()]
});
预计格式: 09/17/2020
实际格式: 09/17/2020 10:34下午
浏览 3提问于2020-09-16得票数 0
回答已采纳
我在odoo中有一个带有fields.Date属性(expiration_date)的模型，如何禁用其odoo datepicker中某个日期(如2016年1月)之前的所有日期，因此在odoo datepicker中无法访问2016年1月之前的所有日期？
浏览 15提问于2020-04-30得票数 1
回答已采纳
我用的是
使用日期选择器的选项dateDisabled禁用了几天，如下所示
$scope.dateOptions = {
dateFormat: 'yyyy-MM-dd',
maxDate: new Date(2020, 5, 22),
minDate: new Date(),
startingDay: 1,
onChangeDate: countDays,
dateDisabled: function (data) {
var date =
浏览 0提问于2019-02-05得票数 1
回答已采纳
1回答
我正在开发一个使用i<input type="text">的Vuejs的自定义日期选择器组件。我想使用一个自定义的日期选择器菜单，所以我必须隐藏或禁用默认菜单，例如：
我如何使用CSS或JS来做到这一点呢？
浏览 16提问于2018-07-23得票数 2
回答已采纳
我有两个输入字段，其中一个是日期选择器。
我只想填一个
当日期选择器被填充时，我成功地锁定了另一个，但是我做不到相反的事情。
如何做到?
<label>Event Date (English)</label>
<input type="text" name="edateen" id="datepicker" class="edateen">
<br><br>
<label>Event Date (Arabic)</label>
<input
浏览 11提问于2017-04-18得票数 0
回答已采纳
4回答
我有一个带datepicker的textbox。根据我的要求，用户必须选择一个月的第一个星期二或第二个星期二。因此，我使用下面的代码禁用了其余的日期，它工作得很好。
var dates_allowed = {
'2012-07-24': 1,
'2012-08-14': 1,
'2012-08-21': 1,
'2012-09-11': 1,
'2012-09-18': 1,
'2012-10-09': 1,
'20
浏览 1提问于2012-07-24得票数 1
回答已采纳
这是一个简单的问题。
我想创建一个没有任何可选日期的内联日历。我想通过预设的隐藏输入字段来选择日期。我是否应该使用datepicker插件。这似乎是错误的，因为我实际上并没有做任何选择persay..
任何人对此有任何经验。只需要制作一个静态日历即可。
类似这样的东西，但没有日期或月份可选。
浏览 1提问于2012-02-10得票数 2
回答已采纳
2回答
我认为这是一些时区/世界协调时的问题，但我无法完全解决。
我已经使用以下config.yml在我的盖茨比网站上安装了Netlify CMS
backend:
name: git-gateway
branch: master
publish_mode: editorial_workflow
media_folder: src/images/uploads
public_folder: /uploads
collections:
- name: "tourInfo"
label: "Tour Info"
files:
-
浏览 0提问于2019-04-06得票数 1
回答已采纳
2回答
显示输入字段中的复选框
、、、、
我试图显示一个数据报警器与选项，以禁用其输入字段。当选择“永不过期”时，将禁用数据报务员输入字段下面的图像。
这就是我到目前为止所做的：
<style>
.chkbox {
padding-right: 10px;
font-weight: bold;
position: absolute;
}
</style>
<input type="text" placeholder=" Select Date" id="datepicker" autocomplete
浏览 1提问于2021-02-22得票数 0
回答已采纳
2回答
我已经搜索了尽可能多，我只得到了一个部分的需求不是完整的解决方案，所以请仔细阅读我的方案，然后继续进行。
场景
我的iOS应用程序中有一些编辑文本字段，其中我必须允许用户在字段中手动输入日期，或者单击“打开日期选择器”并从其中选择日期。
需求
我已经分别完成了这两个部分，因为用户可以手动输入日期，或者用户可以从日期选择器中选择日期，但是需求是两者都应该一起工作，如
当用户单击编辑文本数据选择器时，应该打开，如果用户希望手动输入，则可以手动输入。
Note
请注意，我只能使用编辑文本控件，意味着客户端对在编辑文本和打开日期选择器旁边使用小日期图标有拒绝建议，客户端只想看到两个操作都来自一个控件。
浏览 2提问于2016-12-09得票数 2
2回答
我已经使用了日期选择器脚本。
我想从本年度开始禁用过去20年，但不知道如何禁用它？
我想验证用户的出生日期选择器的日期，用户不能选择前20年的出生日期，但不知道如何特权用户选择不是前20年的出生日期。
有人能帮我吗？
浏览 1提问于2018-01-08得票数 0
我们有一个文本框，我们希望它既能触发jQuery UI日期选择器，又能向文本框中手写输入文本。我们目前正在通过在同一个textbox上同时使用jQuery UI Mask和DatePicker来实现这一点。然而，我不得不“破解”口罩才能让它工作-因为，一旦你自由输入: 04/29/19
然后，在您完成输入"83“以完成四位数日期之前，datepicker会触发一些事件，将datepicker的当前日期移动到您正在输入的日期，但它也会删除到目前为止的整个日期。因此，目标是输入日期: 04/29/1983，但日期选择器删除了我到目前为止所拥有的内容。一开始我们认为掩码有问题，但现在我只需要
浏览 0提问于2011-06-08得票数 0
回答已采纳
这与正常情况略有不同。 通常，我们将使用两个输入控件来存储“开始日期”和“结束日期”这两个日期。 在本例中，只有一个输入控件使用daterangepicker。由于只有一个id，我如何与从daterangepicker生成的两个日期进行比较？ $('input[name="dates"]').daterangepicker(); 下图显示了两个日期。如果只有一个来自输入控件的id，我该如何存储这两个日期呢？ Preview
浏览 11提问于2020-01-13得票数 0
我已经添加了输入日期“type=”，但它只在chrome中支持。其他浏览器不支持日期选择器。请建议如何解决此问题。
浏览 1提问于2015-08-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
