Question

我正在使用来自https://jqueryui.com/datepicker/的UIdate选择器。

我的代码没问题

但使用此UI日期选择器的用户无法将当前年份更改为明年。

在日历中，它会显示当前日期，如果有人想要在去年进行，则没有任何选项。

在文档中，ctrl + pageup键可以正常工作，但对我来说无效。

我在日期选择器（https://jqueryui.com/datepicker/）中使用相同的代码。

提前致谢

Answer 1

JQuery changeYear上有一个datepicker属性可以设置为true。

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

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

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

Answer 2

@Ataur Rahman

我需要像这样使用我的代码

$( function() { $('#reportDate').datepicker({ dateFormat: 'yy/mm/dd', changeYear: true, changeMonth: true });

Answer 3

您应该像这样在jQuery changeYear:true方法中设置datepicker。别忘了在代码片段之前包含jquery.js，datepicker.js和datepicker.css。见下面的例子。

＆＃13;

    $(function() {
        $('#reportDate').datepicker({
          dateFormat: 'yy/mm/dd',
          changeYear: true
        })
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<input type="text" id="reportDate" value=""/>

＆＃13;

如何更改日期选择器中的年份？

3 个答案: