将日期输入字段的最大日期设置为今天 [英] Set date input field's max date to today

查看:132
本文介绍了将日期输入字段的最大日期设置为今天的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

 < input type ='date'min ='1899 -01-01'max ='2000-01-01'>< / input> 

是否有简单的方法将最大日期设置为today而不是2000-01-01 ?或者我必须使用Javascript来做到这一点?

解决方案

您需要使用Javascript才能做到这一点:



HTML

 < input id =datefieldtype ='date'min ='1899-01-01'max ='2000-13-13'>< / input> 

JS

  var today = new Date(); 
var dd = today.getDate();
var mm = today.getMonth()+ 1; //一月是0!
var yyyy = today.getFullYear();
if(dd <10){
dd ='0'+ dd
}
if(mm <10){
mm ='0'+ mm
}

today = yyyy +' - '+ mm +' - '+ dd;
document.getElementById(datefield)。setAttribute(max,today);

JSFiddle演示

I just have a simple line of code like this:

<input type='date' min='1899-01-01' max='2000-01-01'></input>

Is there a simple way to set the max date to "today" instead of 2000-01-01? Or do I have to use Javascript to do this?

解决方案

You will need Javascript to do this:

HTML

<input id="datefield" type='date' min='1899-01-01' max='2000-13-13'></input>

JS

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //January is 0!
var yyyy = today.getFullYear();
 if(dd<10){
        dd='0'+dd
    } 
    if(mm<10){
        mm='0'+mm
    } 

today = yyyy+'-'+mm+'-'+dd;
document.getElementById("datefield").setAttribute("max", today);

JSFiddle demo

这篇关于将日期输入字段的最大日期设置为今天的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆