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

Jquery datepicker年份变化

发布于 2024-12-04 07:13:28 字数 105 浏览 0 评论 0原文

我使用 jquery 的 datepicker 作为字段来设置出生日期，同时显示默认选择器，它提供了滚动到每月日期的选项，听起来很乏味。有没有一种方法可以直接更改年份，而不是使用月份依次更改年份。

原文

分享到QQ

分享到微博

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

发布评论

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

北方的巷 2024-12-11 07:13:29

日期选择器上有一个 changeYear 属性，您可以将其设置为 true。

$( ".selector" ).datepicker({ changeYear: true });

http://jqueryui.com/datepicker/#dropdown-month-year

这将呈现一个选择列表，您可以从中选择您想要的年份。

There's a changeYear property on the datepicker that you can set to true.

$( ".selector" ).datepicker({ changeYear: true });

http://jqueryui.com/datepicker/#dropdown-month-year

This will render a select list from which you can choose the year you'd like.

回复收藏 0 原文

演出会有结束 2024-12-11 07:13:29

在 DataPicker 参数上插入 changeYear: true。

例子：

$(function() {
        $( ".datepicker" ).datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

Insert changeYear: true on your DataPicker parameter.

Example :

$(function() {
        $( ".datepicker" ).datepicker({
            changeMonth: true,
            changeYear: true
        });
    });

回复收藏 0 原文

ぃ双果 2024-12-11 07:13:29

设置 changeYear: true，如下面的示例代码所示：

 $("#birth_date").datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
            maxDate: '-1D'
        },
        $.datepicker.regional["fr"]
    );

有关更多选项，请参阅此处：https:// /jqueryui.com/datepicker/

Set changeYear: true, as shown in sample code below:

 $("#birth_date").datepicker({
            dateFormat: 'yy-mm-dd',
            changeMonth: true,
            changeYear: true,
            maxDate: '-1D'
        },
        $.datepicker.regional["fr"]
    );

Refer here for more options: https://jqueryui.com/datepicker/

回复收藏 0 原文

梦里寻她 2024-12-11 07:13:29

changeYear 属性可让您启用年份下拉列表。使用 yearRange 属性来控制年数他们在下拉列表中看到，默认情况下为 -10 到 +10 年。

$('#date').datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-40:+40"
});

原始文档的详细信息：

年份下拉列表中显示的年份范围：相对于今天的年份（“-nn:+nn”）、相对于当前所选年份（“c-nn:c+nn”）、绝对值（ “nnnn:nnnn”）或这些格式的组合（“nnnn:-nn”）。请注意，此选项仅影响下拉列表中显示的内容，要限制可以选择的日期，请使用 minDate 和/或 maxDate 选项。

changeYear property lets you enable a year dropdown. Also might be helpful to use yearRange property to control number of years they see in the dropdown, by default it's from -10 to +10 years.

$('#date').datepicker({
    changeMonth: true,
    changeYear: true,
    yearRange: "-40:+40"
});

Details from original documentation:

The range of years displayed in the year drop-down: either relative to today's year ("-nn:+nn"), relative to the currently selected year ("c-nn:c+nn"), absolute ("nnnn:nnnn"), or combinations of these formats ("nnnn:-nn"). Note that this option only affects what appears in the drop-down, to restrict which dates may be selected use the minDate and/or maxDate options.

回复收藏 0 原文