代码之家 › 专栏 › 技术社区 › Ramesh S

如何按时间禁用当前日期?

disabled-input time date jquery javascript

Ramesh S · 技术社区 · 7 年前

我在我的网站上使用了输入日期类型。我想按时间禁用当前日期。

例如

之后 12:00:00 PM 当前日期 2018-04-16 残废

我尝试了以下代码:

<!-- disable past date -->
$(function() {
  var dtToday = new Date();

  var month = dtToday.getMonth() + 1;
  var day = dtToday.getDate();
  var year = dtToday.getFullYear();
  if (month < 10)
    month = '0' + month.toString();
  if (day < 10)
    day = '0' + day.toString();

  var maxDate = year + '-' + month + '-' + day;
  //console.log(maxDate);
  $('#demo_date').attr('min', maxDate);
  $('#demo_date').attr('max', '2018-04-29');
});
<!-- disable past date -->

<!-- disable date by time -->
$(document).ready(function() {
  var time = new Date().toLocaleTimeString();
  if (time <= '12:00:00 PM') {

    // code for disable demo_date
  }
});

<!-- disable date by time -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<input placeholder="Select Date" class="textbox-n" type="text" name="demo_date" onfocus="(this.type='date')" id="demo_date">

2 回复 | 直到 7 年前

user9467714 user9467714 7 年前

好的,你明白了。我在这里为您制作了一个演示,您将无法选择下午12:00之后的当前日期。干杯

$(function() {
  var dtToday = new Date();

  var month = dtToday.getMonth() + 1;
  var day = dtToday.getDate();
  var year = dtToday.getFullYear();
 
 
  if (month < 10)
    month = '0' + month.toString();
  if (day < 10)
    day = '0' + day.toString();

  var maxDate = year + '-' + month + '-' + day;
  //console.log(maxDate);
 
   var time = new Date().toLocaleTimeString();
  if (time >= '12:00:00 PM') {
 day = day+1
 maxDate = year + '-' + month + '-' + day;
    // code for disable demo_date
  }
 
  
  
  $('#demo_date').attr('min', maxDate);
  $('#demo_date').attr('max', '2018-04-29');
});
<!-- disable past date -->

<!-- disable date by time -->
$(document).ready(function() {
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input placeholder="Select Date" class="textbox-n" type="text" name="demo_date" onfocus="(this.type='date')" id="demo_date">

Hossein 7 年前

通过浏览器控制台中的以下结果:

>> var time = new Date().toLocaleTimeString();
undefined
>> time
"11:27:28 AM"
>> time <= '12:00:00 PM'
true

代码工作正常。但您应该定义表达式的另一部分。您应该定义:

if( time >= some_date_value && time <= some_date_value ) 
{
    // code for disable demo_date
}

推荐文章

NanoTech · 在bash-awk命令中格式化日期

6 月前

JFS · 如何计算日期之间的天数?

6 月前

Shiela · 日期/时间格式VBA访问查询

6 月前

Shiela · 如何在Access VBA的组合框下拉列表中将常规日期格式化为不同的月份?

6 月前

Paul · 如何在HTML日期中隐藏“mm/dd/yyyy”占位符

7 月前

ViSa · 如何从Pandas的列中提取日期?

10 月前

852post · 上周日至下周日

10 月前

Divyank · Pandas DF:比较DF中的列,如果列之间的日期匹配,则删除行

10 月前

Niky Rathod · Excel-根据组的多个日期范围计算工作日

11 月前

Carlos Moretti · 如何在Java日期API中返回时间

11 月前