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】:删除defaultDate
和setDate
后尝试。
$( 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:如何将下拉列表中的月份名称从短名称更改为长名称?
年份的 JQuery Datepicker 下拉列表仅显示单年