首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从HTML日期输入中隐藏/禁用年份

从HTML日期输入中隐藏/禁用年份
EN

Stack Overflow用户
提问于 2021-09-09 08:39:41
回答 1查看 219关注 0票数 1

有没有办法隐藏(mm-dd)或禁用(YYYY-mm-0000)字段中的年份输入?我试过了,但它显示了实际日期。如果是这样,我需要向0000展示

代码语言:javascript
运行
复制
var year = new Date().getFullYear();
document.getElementById('date').setAttribute("min", year + "-01-01");
document.getElementById('date').setAttribute("max", year + "-12-31");
代码语言:javascript
运行
复制
<input type="date" id="date" />

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-09 09:38:30

在搜索了几个小时后,我发现jquery datepicker可以做到这一点。

代码语言:javascript
运行
复制
 var date = new Date();

$(function() {
    $( "#datepicker" ).datepicker({
    dateFormat: "dd-M",
      changeMonth: true,

       minDate:  new Date(date.getFullYear(), 0,1),                                            
       maxDate: new Date(date.getFullYear(), 12,31)
    });
  });
代码语言:javascript
运行
复制
.ui-datepicker-year
{
 display:none;   
}
代码语言:javascript
运行
复制
 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<input type="text" id="datepicker">

您可以使用https://jqueryui.com/datepicker/查找有关jquery datepicker的更多信息

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69114910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档