日期插件(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);});
效果展示：

总结

以上是生活随笔为你收集整理的日期插件(jedate)的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。