<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://hi.baidu.com/ly810916/item/4a611870661e613e70442353

jquery datepicker只显示年和月的更多相关文章

  1. WPF DatePicker只显示年和月 修改：可以只显示年

    最近的项目,查询时只需要年和月,不需要日,因此需要对原有的DatePicker进行修改,查询了网上的内容,最终从一篇帖子里看到了添加附加属性的方法,地址是http://stackoverflow.co ...

  2. jquery datepicker 只显示年月

    首先修改默认日期赋值 <script type="text/javascript"> $(function(){ $('#searchDate').datepicker ...

  3. 关于datepicker只显示年、月、日的设置

    关键时侯,还得看官方文档.花了半个多小时,找了网上一大堆答复,然后一一验证,90%没有能解决问题. 先给出官方文档的URL: http://bootstrap-datepicker.readthedo ...

  4. bootstrap-datepicker控件中文 ，只显示年和只显示月份

    插件下载地址 https://github.com/uxsolutions/bootstrap-datepicker html <link href="css/bootstrap-da ...

  5. 自定义一个只显示年月的DatePicker（UIDatePicker无法实现年月显示）

    HooDatePicker 介绍(introduction) ==================================================项目需要一个DatePicker,只显 ...

  6. jquery easyUI 日期格式化，DateBox只显示年

    jquery easyUI 日期格式化,DateBox只显示年 >>>>>>>>>>>>>>>>> ...

  7. 关于datetimepicker只显示年、月、日的设置

    如下是只显示月的sample code: <link rel="stylesheet" href="css/datetimepicker/bootstrap-dat ...

  8. 日期选择器：jquery datepicker的使用

    helloweba.com 作者:月光光 时间:2012-04-08 21:05 标签: jquery  datepicker  jquery ui     在jquery ui中,提供了一个非常实用 ...

  9. 推荐三款日期选择插件(My97DatePicker+jquery.datepicker+Mobiscroll)

    1.My97DatePicker 纯原生JS,专注于PC端,支持IE6+:页面上只需要引入WdatePicker.js文件,但是My97DatePicker整个目录是一个整体,最好不要破坏里面的目录结 ...

随机推荐

  1. Spring Batch并行与扩展

    1. 概述 Spring Batch提供了多种方式用于处理并行,提高性能.主要分为2大类: - 单个进程,多线程 - 多个进程 因此,可以细分为以下几类: - 多线程Step(Multi-thread ...

  2. 在VMware中为CentOS配置静态ip并可访问网络

    在VMware中为CentOS配置静态ip并可访问网络-windows下的VMware  首先确保虚拟网卡(VMware Network Adapter VMnet8)是开启的,然后在windows的 ...

  3. [数据结构]最小生成树算法Prim和Kruskal算法

    最小生成树 在含有n个顶点的连通图中选择n-1条边,构成一棵极小连通子图,并使该连通子图中n-1条边上权值之和达到最小,则称其为连通网的最小生成树.  例如,对于如上图G4所示的连通网可以有多棵权值总 ...

  4. this inspection reports usage of the default file template for file header

    使用idea创建一个java class的时候会出现如下的warning: this inspection reports usage of the default file template for ...

  5. mongoDB之监控工具mongostat

    mongostat是mongdb自带的状态检测工具,在命令行下使用.它会间隔固定时间获取mongodb的当前运行状态,并输出.如果你发现数据库突然变慢或者有其他问题的话,你第一手的操作就考虑采用mon ...

  6. 微信小程序——选中状态的切换

    加入购物车的时候,往往会有产品相关属性的选择,比如:尺寸,规格等.像我做的项目中,就有一个门店的选择,如下图: 我们如何做到当前点击的这个高亮呢?今天就讲一下如何实现这个功能. 思路: 1.定义一个高 ...

  7. 关于HttpWebRequest上传文件

    我们web 操作离不开 http请求响应 HttpWebRequest上传文件也是一样的道理 下面码一些代码: private void UploadFile(string strRequestUri ...

  8. 【转】性能测试，影响 TPS 的一些因素

    首先我们要先了解下TPS的具体含义: TPS(Transaction Per Second):每秒事务数,指服务器在单位时间内(秒)可以处理的事务数量,一般以request/second为单位. 下面 ...

  9. animation过渡效果

    References: http://developer.android.com/training/animation/index.html http://developer.android.com/ ...

  10. 自然语言交流系统 phxnet团队 创新实训 个人博客 （三）

    因为需要处理自然语言的括号切分问题,专门记录下. import java.util.Scanner; import java.util.Stack; /** * @author Owner * */ ...