JQuery datepicker显示月份下拉changeMonth

Posted

技术标签:

【中文标题】JQuery datepicker显示月份下拉changeMonth【英文标题】:JQuery datepicker display month dropdown changeMonth 【发布时间】:2016-11-02 12:49:44 【问题描述】:

我使用 jquery jquery-1.9.1.min.js。我有以下带有日期选择器的jsp

<script type="text/javascript">

      $( function() 
            $( "#datepicker1" ).datepicker(
              changeMonth: true,
              changeYear: true,
              defaultDate: new Date('2016','11','02'),
            setDate: new Date('2016','11','02')
            );
           );

</script>
</head>
<body>
    <%@include file="../menu/cabeceraMenu.jsp"%>
    <%@include file="../menu/opcionesEncuesta.jsp"%>
    <form action="$pageContext.request.contextPath/encuesta/nueva"
        name="frm" id="nueva-encuesta" method="post" style="margin: 0px;">
        <table class="tablaCentral">
            <tr>
        <td>
        Date: <input type="text" id="datepicker1">
        </td>
        </tr>
        </table>

</body>
</html>

这是输出画面

如何在屏幕下拉框中显示月份名称和数字年份。现在它们是空的。

日期是 新日期('2016','11','02') 我想设置 11 月和 2016 年的盒子

【问题讨论】:

您使用哪个版本的 jquery UI?和主题? jquery-1.9.1.min.js 只有jquery没有datepicker,需要的话必须使用jquery UI和主题! (就像你回答@CharantejGolla) 我将 jquery-ui.js 用于 jquery-1.9.1.min.js。有必要使用主题吗? 【参考方案1】:

删除defaultDatesetDate后尝试。

$( function() 
    $( "#datepicker1" ).datepicker(
      changeMonth: true,
      changeYear: true
    );
  );
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input type="text" id="datepicker1">

【讨论】:

我删除了 changeMonth 和 changeYear 但我没有看到 month name 和 year 。我使用火狐。我检查了你的脚本,现在它可以工作了。非常感谢

以上是关于JQuery datepicker显示月份下拉changeMonth的主要内容,如果未能解决你的问题,请参考以下文章

jQuery UI datepicker:如何将下拉列表中的月份名称从短名称更改为长名称?

React DatePicker:突出显示当前月份的天数

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

Jquery datepicker - 只有日期和月份

Jquery Ui Datepicker 月/年下拉菜单在最新的 Firefox 中的弹出窗口中不起作用

如何显示日期来自jQuery instated显示当前日期?