jquery datepicker只显示年和月

秒速五厘米 2022-06-03 07:54 167阅读 0赞

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

<link type="text/css" href="../../Scripts/jquery-ui-1.8.1.custom.css" rel="Stylesheet" />  
  <script src="../../Scripts/jquery-1.4.4.js" type="text/javascript"></script>  
    <script src="../../Scripts/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>  
    <script src="../../Scripts/jquery.ui.core.js" type="text/javascript"></script>  
    <script src="../../Scripts/jquery.datePicker.js" type="text/javascript"></script>  
    <script src="../../Scripts/ui.datepicker-zh-CN.js" type="text/javascript"></script>//中文汉化  
    <script src="../../Scripts/jquery.ui.datepicker.js" type="text/javascript"></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 option:selected").val();//得到选中的月份值  
                     var year = $("\#ui-datepicker-div .ui-datepicker-year option:selected").val();//得到选中的年份值  
                     $('\#Datepicker').val(year+'-'+(parseInt(month)+1));//给input赋值，其中要对月值加1才是实际的月份  
                 \}  
             \});  
         \});              
</script>  
  
<style type="text/css">  
//隐藏日的显示div  
.ui-datepicker-calendar \{  
    display: none;  
    \}  
  
    </style>  
</head>  
<body>  
    <form id="form1" >  
          Date:  <input  id="Datepicker" type="text"/>   
    </form>  
</body>  
</html>

原文地址：http://blog.csdn.net/smeyou/article/details/12648573

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap-datepicker只选择年份

载自：[版权声明：本文为CSDN博主「冰淇淋@」的原创文章，遵循CC 4.0 by-sa版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.c...

柔情只为你懂/ 2024年04月17日 05:23/ 0 赞/ 71 阅读

相关 python显示给定年月的日历

用户输入年月，然后显示该月的整个日历。显示给定年份的日历打印日历函数 def printMonth(year,month): pr

系统管理员/ 2022年12月03日 09:57/ 0 赞/ 192 阅读

相关 Android中自定义日期选择对话框（DatePicker只显示年、月）

前言系统提供的DatePicker会完整地显示年、月、日，而且其中的很多样式都不能自己调节。本篇文章所讲的年、月对话框效果如下图所示： ![在这里插入图片描述][w

阳光穿透心脏的1/2处/ 2022年10月06日 15:55/ 0 赞/ 450 阅读

相关使用DatePicker和TimePicker显示当前日期和时间

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" x

Myth丶恋晨/ 2022年07月15日 00:06/ 0 赞/ 259 阅读

相关 easyui 只显示年月的值加个函数

//把id改掉就可以用了复制粘贴过去就行其他的什么都不要加 $(function()\{ var currTime=new Dat

秒速五厘米/ 2022年06月15日 10:55/ 0 赞/ 147 阅读

相关 jquery datepicker只显示年和月

<html xmlns="http://www.w3.org/1999/xhtml"> <head > <title></title> <link type=

秒速五厘米/ 2022年06月03日 07:54/ 0 赞/ 168 阅读

相关 bootstrap-datepicker只选择年份

//只选择年份 $('.datepicker').datepicker({ format: 'yyyy', language: "z

短命女/ 2022年02月20日 03:23/ 0 赞/ 335 阅读

相关 jQuery UI Datepicker中文显示

jQuery UI Datepicker这个用于日期显示很方便而且提供了多种样式，可以从[jQuery UI][] 中选择喜欢的样式和jQuery UI组件随意下载js库，如果

本是古典何须时尚/ 2021年11月27日 00:18/ 0 赞/ 496 阅读

相关 DatePicker隐藏年/月/日

![152227165264656.jpg][] 有时候项目中进行时间设置时，只需要设置年/或月/或日。这时候就需要对相应的部分进行隐藏。 1 DatePicker

你的名字/ 2021年11月10日 07:46/ 0 赞/ 427 阅读

相关 bootstrap-datepicker使用，只显示年，显示年月，显示日三种情况

插件下载地址：[https://github.com/uxsolutions/bootstrap-datepicker][https_github.com_uxsolution

爱被打了一巴掌/ 2021年07月27日 01:46/ 0 赞/ 772 阅读