日期插件(jedate)

jedate API 网址：http://www.jayui.com/jedate/index.html

jeDate可以直接显示与点击显示、日期标注点、设定年月（YYYY-MM）、日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别，操作....

引用文件

<script src="jquery-1.11.1.min.js"></script>
<script src="jedate.js"></script>
<link rel="stylesheet" href="jedate.css"/>

html代码

 <table>
       <tr>
           <td> <label class="label">工作时间</label> </td>
           <td>
               <input type="text" class="input" id="instart" placeholder="请选择" readonly>
           </td>
           <td><span class="label">至</span></td>
           <td>
               <input type="text" class="input" id="inend" placeholder="请选择" readonly>
           </td>
       </tr>
   </table>

css代码

        table{
            width:450px;
            height:60px;
            margin-top:50px;
            margin-left: 50px;
        }
       table tr {
            width:inherit;
        }
        .label{
            font-size: 14px;
            font-family: 'Arial Normal', 'Arial';
            font-weight: 400;
            color: #333333;
        }
        .input {
            width:120px;
            height: 28px;
            border: 1px  #f2f3f2 solid;
<pre name="code" class="html">            background-image: url("icon_date.png");
            background-repeat: no-repeat;
            background-position: right center;

  } .input:hover { border: 1px #33ccff solid; }

js代码

 $(document).ready(function(){
            var start={
                dateCell: '#instart',
                format: 'YYYY/MM', // 分隔符可以任意定义
                isinitVal:false,   //是否初始化时间，默认不初始化时间
                isTime:false      //是否开启时间选择
            };

            var end = {
                dateCell: '#inend',
                format: 'YYYY-MM',
                isinitVal:false,   //是否初始化时间，默认不初始化时间
                isTime:false        //是否开启时间选择
            };

            jeDate(start);
            jeDate(end);

        });

效果展示：