正文 

当前位置： 首页 > 问答 >

年份的 JQuery Datepicker 下拉列表仅显示单年

     2023-05-07     70

关键词：

【中文标题】年份的 JQuery Datepicker 下拉列表仅显示单年【英文标题】：JQuery Datepicker dropdown for year only showing single year 【发布时间】：2013-02-07 06:21:20 【问题描述】：

我在 2 个字段上有一个日期选择器： 开始日期和结束日期。选择开始日期后，结束日期日期选择器会更新最小和最大日期选项以及 yearRange 选项。

如果我选择 29/12/2013，用户只能从此处选择 10 天作为结束日期。

所以，我打开结束日期的日期选择器，它的 yearRange 为 2013:2014，changeYear 选项设置为 true。

但年份下拉列表仅显示 2013 年。2014 年不在列表中。

如果我点击日期选择器的右箭头（下一个）移动到下一年，它会移动到 2014，然后如果我点击年份下拉列表，现在会显示 2014。

$("#EndDate").datepicker("option", "yearRange", '2013:2014');

如果在此代码前放置警报，则年份的下拉菜单会按预期显示 2013 年和 2014 年。

我正在使用 JQuery 1.4.4

【问题讨论】：

【参考方案1】：

This question 似乎解决了同样的问题。您似乎没有正确的格式来指定您的日期范围。

【讨论】：

我相信这是阅读 JQuery 文档时 yearRange 的正确格式。如果没有，谁能告诉我正确的格式以及如果我在我的问题中显示的代码前面放一个警报为什么会显示它.... 你有没有看过我提供的链接？ @Johnathan Wood - 我确实阅读了您强调的问题。但是，我使用了文档中列出的格式，并且年份下拉列表没有更新。但是，如果我输入警报，那么年份下拉列表会包含正确的年份。【参考方案2】：

找到解决方案：

原始代码在更改 yearRange 选项之前将 changeYear 选项设置为 true - 这不会在下拉年份列表中显示更新范围：

$("#EndDate").datepicker("option", "changeYear", true);
$("#EndDate").datepicker("option", "yearRange", yearRange);

在 yearRange 选项之后放置 changeYear 选项代码解决了该问题。现在下拉列表按预期显示年份范围。因此，排序很重要。

    $("#EndDate").datepicker("option", "yearRange", yearRange);
    $("#EndDate").datepicker("option", "changeYear", true);

【讨论】：

【参考方案3】：

试试这个：

$(function () 
       $("#txtDateofBirth").datepicker(

           changeYear: true,
           dateFormat: 'dd/mm/yy',
           yearRange: '1970:2025'
       
       );
   );

【讨论】：

jQuery UI：Datepicker 将年份范围下拉设置为 100 年

】jQueryUI：Datepicker将年份范围下拉设置为100年【英文标题】：jQueryUI:Datepickersetyearrangedropdownto100years【发布时间】：2012-12-0115:50:20【问题描述】：使用Datepicker，默认情况下，年份下拉菜单仅显示10年。用户必须单击最后一年才能... 查看详情

jQuery DatePicker：如何将年份数组传递给 yearRange 下拉列表

】jQueryDatePicker：如何将年份数组传递给yearRange下拉列表【英文标题】：jQueryDatePicker:HowtopassarrayofyearstotheyearRangedropdown【发布时间】：2018-08-1218:15:10【问题描述】：如何将一组年份传递给yearRange或年份下拉菜单？这个问题与以下... 查看详情

Jquery datepicker 年份变化

】Jquerydatepicker年份变化【英文标题】：Jquerydatepickeryearschange【发布时间】：2011-11-1509:05:15【问题描述】：我正在使用jquery的datepicker作为字段来设置出生日期，同时显示默认选择器，它提供了每月滚动到日期的选项，听起来很乏... 查看详情

DatePicker 不设置年份，除非当原始年份超出下拉范围时显式更改下拉列表

】DatePicker不设置年份，除非当原始年份超出下拉范围时显式更改下拉列表【英文标题】：DatePickernotsettingYearunlessdropdownischangedexplicitlywhenoriginalYearisoutsidedropdownrange【发布时间】：2021-06-2717:08:09【问题描述】：我已经使用以下代码... 查看详情

jQuery UI - Datepicker - 隐藏年份

】jQueryUI-Datepicker-隐藏年份【英文标题】：jQueryUI-Datepicker-Hideyear【发布时间】：2010-04-2311:14:30【问题描述】：我正在使用jQueryUI1.8，我想在弹出窗口和文本框中对用户隐藏年份。本质上，我希望用户只选择日和月，而不是选择日... 查看详情

当用户更改月份时，jquery datepicker 更改年份

】当用户更改月份时，jquerydatepicker更改年份【英文标题】：jquerydatepickerchangesyearwhenuserchangesmonth【发布时间】：2013-11-1505:03:56【问题描述】：我正在使用jquerydatepicker，但是当用户更改月份时，它会自动将年份更改为设置为最小... 查看详情

jQuery 日期选择器。我如何从 Jquery datepicker 中获取年份

】jQuery日期选择器。我如何从Jquerydatepicker中获取年份【英文标题】：Jquerydatepicker.HowIcangetyearfromJquerydatepicker【发布时间】：2021-07-2213:36:39【问题描述】：您好，我有功能，但她不工作。我使用jquery日期选择器。我认为我的日期... 查看详情

jquery UI datepicker 月份和年份只有 css 定位问题

】jqueryUIdatepicker月份和年份只有css定位问题【英文标题】：jqueryUIdatepickermonthandyearonlycsspositioningproblem【发布时间】：2011-08-1413:50:28【问题描述】：我已经实现了这里讨论的解决方案：JQueryDatetimepicker-Needtopickmonthandyearonly.运行良... 查看详情

编写时JQuery DatePicker在日期/月份/年份之间跳转

】编写时JQueryDatePicker在日期/月份/年份之间跳转【英文标题】：JQueryDatePickerjumpingbetweendate/month/yearwhenwriting【发布时间】：2021-06-2316:58:42【问题描述】：我希望JQueryDatePicker在写入时在日期/月份/年份字段之间跳转。例如使用：$(fu... 查看详情

Datepicker 的动态年份范围

】Datepicker的动态年份范围【英文标题】：DynamicyearrangeforDatepicker【发布时间】：2018-06-0915:09:53【问题描述】：我正在使用Datepicker来选择到期日期。我希望我的日期选择器有年份选项：当我们加载日期选择器时，它的年份选项应... 查看详情

Jquery datepicker - 只有日期和月份

】Jquerydatepicker-只有日期和月份【英文标题】：Jquerydatepicker-onlydayandmonth【发布时间】：2011-10-1113:29:37【问题描述】：我希望用户在表单中指定他们的生日或周年纪念日（不包括年份）。为此，我想使用jquerydatepicker，但它根本不... 查看详情

jquery ui datepicker range clear value based on another selected value

】jqueryuidatepickerrangeclearvaluebasedonanotherselectedvalue【英文标题】：【发布时间】：2019-07-0817:16:55【问题描述】：我将以下文章(jqueryuidaterange15daybetweentwodate)中使用的JQueryUI日期选择器范围用于我的表单，它运行良好，问题是我有另... 查看详情

jQuery datepicker：将选择下拉列表转换为 ul

】jQuerydatepicker：将选择下拉列表转换为ul【英文标题】：jQuerydatepicker:Convertselectdropdownintoul【发布时间】：2017-01-1522:13:42【问题描述】：我正在使用jquery-uidatepicker组件，但是month和year下拉列表是select标签。我需要以选择元素无法... 查看详情

如何仅在 Flutter 的 datepicker 中显示年份？

】如何仅在Flutter的datepicker中显示年份？【英文标题】：HowtoonlydisplaytheyearindatepickerforFlutter?【发布时间】：2020-09-1306:08:16【问题描述】：我希望程序只要求用户输入年份。但如您所知，日期选择器要求提供完整的日期，包括月份... 查看详情

利用my97datepicker实现年份多选(代码片段)

...说年份的多选的事件了。笔者也不愿多做深究，既然My97DatePicker可以定义选择年份，何不简单的改写改写它。笔者秉着这个思路，继续往皮毛之下探索。先看一下My97DatePicker的习性，俗语讲知己知彼，是吧。这个插件调用之后会... 查看详情

jQuery minDate/maxDate 没有年份

...月的有限日期选择器。示例：帖子的范围为01/09和01/12。Datepicker在01/09和01/12之间显示2014年的日期，但如果用户想在 查看详情

如何使用 jQuery Datepicker 动态应用 setDate 和（minDate 和 maxDate）日期范围？

】如何使用jQueryDatepicker动态应用setDate和（minDate和maxDate）日期范围？【英文标题】：Howtoapplyboth-setDateand(minDateandmaxDate)DateRangedynamicallyusingjQueryDatepicker?【发布时间】：2021-04-1100:43:24【问题描述】：我有一个下拉菜单，我可以从中... 查看详情

如何在 Jquery Date Picker 中添加请选择月份年份下拉菜单的选项？

】如何在JqueryDatePicker中添加请选择月份年份下拉菜单的选项？【英文标题】：HowtoaddpleaseselectoptionforthemonthyeardropdowninJqueryDatePicker?【发布时间】：2018-08-0607:15:13【问题描述】：我有一个J查询日期选择器，如下所示（单击链接查... 查看详情