首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在输入引导日期选择器中仅显示年份?

如何在输入引导日期选择器中仅显示年份?
EN

Stack Overflow用户
提问于 2012-10-30 03:57:53
回答 6查看 117.9K关注 0票数 42

我使用以下代码仅显示年份:

代码语言:javascript
复制
$("#datepicker").datepicker( {viewMode: "years", minViewMode: "years"});

但输入以"dd/mm/yyyy"格式显示

我没有"yyyy"格式,怎么解决这个问题呢?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2012-10-30 04:04:26

尝尝这个

代码语言:javascript
复制
$("#datepicker").datepicker({
    format: "yyyy",
    viewMode: "years", 
    minViewMode: "years"
});
代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>


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

代码语言:javascript
复制
$("#datepicker").datepicker( {
    format: " yyyy", // Notice the Extra space at the beginning
    viewMode: "years", 
    minViewMode: "years"
});
票数 97
EN

Stack Overflow用户

发布于 2016-10-12 22:45:34

对于bootstrap datetimepicker,按如下方式分配decade值:

代码语言:javascript
复制
$(".years").datetimepicker({
    format: "yyyy",
    startView: 'decade',
    minView: 'decade',
    viewSelect: 'decade',
    autoclose: true,
});
票数 10
EN

Stack Overflow用户

发布于 2015-03-15 12:00:08

代码语言:javascript
复制
$("#year").datepicker( {
    format: "yyyy",
    viewMode: "years", 
    minViewMode: "years"
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13128701

复制
相关文章

相似问题

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