您的位置：首页 > Web前端 > JQuery

利用jQuery实现datepicker只显示年，月，不显示日 year，month only

2010-02-28 16:57 489 查看
思路：利用jquery的close函数，利用fiefox寻找日期的div块，利用css知识将其隐藏

以下是代码部分

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<link href="css/ui-lightness/jquery-ui-1.7.2.custom.css" type="text/css" rel="Stylesheet"/>

<script type="text/javascript" src="js/jquery-1.3.2-vsdoc.js"></script>

<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>

<script type="text/javascript" src="js/Datepicer-zh-CN.js"></script>//中文汉化

<script type="text/javascript">

$(function() {

$('#Datepicker').datepicker({

changeMonth: true,

changeYear: true,

dateFormat: 'yy-MM',

showButtonPanel: true,

onClose: function(dateText, inst) {

var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();

var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();

$(this).datepicker('setDate', year+'-'+month);

}

});

});

</script>

<style type="text/css">

.ui-datepicker-calendar {

display: none;

}

</style>

</head>

<body>

<form id="form1" runat="server">

Date: <input id="Datepicker" type="text"/>

</form>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航