当前位置：文江博客话题详情

Jquery datepicker - 仅日期和月份

发布于 2024-11-26 08:05:31 字数 280 浏览 1 评论 0原文

我希望用户在表单中指定他们的生日或周年纪念日（不包括年份）。为此，我想使用 jquery datepicker 但它根本不应该显示任何年份选项。怎么做呢？

我尝试修改这个问题中的代码 < code>changeDay: true 和 changeYear: false 但无法让它工作。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

久随 2024-12-03 08:05:31

你可以这样做：

$('#date').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'dd MM'
    });

小提琴 http://jsfiddle.net/u8GnD/1/

You could do:

$('#date').datepicker( {
        changeMonth: true,
        changeYear: true,
        showButtonPanel: true,
        dateFormat: 'dd MM'
    });

fiddle http://jsfiddle.net/u8GnD/1/

回复收藏 0 原文

鸠书 2024-12-03 08:05:31

设置 css 来隐藏年份和 dateFormat，如 K6t 所说

.ui-datepicker-year{
    display:none;
}

set the css to hide the year and the dateFormat as K6t said

.ui-datepicker-year{
    display:none;
}

回复收藏 0 原文

小嗷兮 2024-12-03 08:05:31

您可以像这样从日期选择器中隐藏年份：

$(".daypicker").datepicker( { 
    changeYear: false, 
    dateFormat: 'MM-dd',
}).focus(function () {
    $(".ui-datepicker-year").hide();
});

它不会影响同一页面中的其他日期选择器。

You can hide year from a datepicker like this :

$(".daypicker").datepicker( { 
    changeYear: false, 
    dateFormat: 'MM-dd',
}).focus(function () {
    $(".ui-datepicker-year").hide();
});

It wont affect to other datepickers in same page.

回复收藏 0 原文

挽梦忆笙歌 2024-12-03 08:05:31

$("#datepicker").datepicker( {
format: "dd-MM",
viewMode: "months", 
maxViewMode: "months"
});

这肯定会从日期选择器视图中隐藏年份，将显示仅月份和日期面板

$("#datepicker").datepicker( {
format: "dd-MM",
viewMode: "months", 
maxViewMode: "months"
});

this will surely hide year from datepicker view, will show only month and days panel

回复收藏 0 原文

简单爱 2024-12-03 08:05:31

$( function() {
     var date = $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true, 
        changeYear: false}).val();
});

$( function() {
     var date = $('#datepicker').datepicker({
        dateFormat: 'yy-mm-dd',
        changeMonth: true, 
        changeYear: false}).val();
});

回复收藏 0 原文

不再让梦枯萎 2024-12-03 08:05:31

我可能会迟到，但我发现上面所有的答案/建议和评论几乎都是正确的，但有人可能会错过正确的 jquery 插件来使代码工作。

有人努力完成它，请考虑首先更改您的 javascript 插件，然后使用以下内容


<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

I may be late on the show but I found all of the above answers/suggestions and comments to be almost correct but someone might miss the correct jquery plugin to make the code work.

Someone struggling to make it done pls consider changing your javascript plugins first, and use the following instead


<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

回复收藏 0 原文