Juqery datepicker 只显示年和月不显示日和只选择年份的下拉列表

最新推荐文章于 2022-08-11 16:36:20 发布

qq787458010

最新推荐文章于 2022-08-11 16:36:20 发布

阅读量1.3k

点赞数

分类专栏： Jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/qq787458010/article/details/84391801

版权

本文介绍如何使用jQuery UI的datepicker组件，实现只显示年和月的选择，不显示具体的日期，并提供设置只选择年份的下拉列表框的方法。

摘要由CSDN通过智能技术生成

1.只选择年份的下拉列表框 .

2.基于Jquery Ui datepicker 日期控件只显示年和月不显示日.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title> </title>
<link href="../css/ui-lightness/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<script src="../js/jquery-1.8.3.js"></script>
<script src="../js/jquery-ui-1.9.2.custom.js"></script>

</head>
<script language="javascript">

//year
 $(function() {
	$("#year").attr("readonly", "true");
	var tempYear = new Date().getUTCFullYear();
	var obj = document.getElementById('year');
	 for (var i=tempYear-10;i<=tempYear;i++){
			 if(i>1900){
				 obj.options.add(new Option(i,i));
			 }				
		 }
		 f