素材8网-专注前端素材！
来源：https://www.htmlsucai.com/30939.html

jQuery扁平化带时间日期日历选择器插件

  • 1599
  • 0
  • 0

ECalendar 日历插件
多功能jQuery日期控件 ECalendar 提供了WEB时间日历选择趋近完美的解决方案。
引用文件：
  1. <link rel="stylesheet" href="css/style.css" />
  2. <script src="js/jQuery-2.1.4.min.js"></script>
  3. <script src="js/Ecalendar.jquery.min.js"></script>
复制代码
调用代码：
  1. <div class="calendarWarp">
  2.         <input type="text" name="date" class='ECalendar' id="ECalendar_date"  value="2017-3-1 15:32"/>
  3. </div>

  5. <script type="text/javascript">
  6.         $(function(){
  7.                 $("#ECalendar_date").ECalendar({
  8.                          type:"time",   //模式，time: 带时间选择; date: 不带时间选择;
  9.                          stamp : false,   //是否转成时间戳，默认true;
  10.                          offset:[0,2],   //弹框手动偏移量;
  11.                          format:"yyyy年mm月dd日",   //时间格式 默认 yyyy-mm-dd hh:ii;
  12.                          skin:3,   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
  13.                          step:10,   //选择时间分钟的精确度;
  14.                          callback:function(v,e){} //回调函数
  15.                 });
  16.         })
  17. </script>
复制代码
相关素材
jQuery扁平化带时间日期日历选择器插件
  • apxiaoxv 刚刚下载了一个素材
  • 天然星空 刚刚下载了一个素材
  • gt_Mrz_zkyf 刚刚下载了一个素材
  • 再说声晚安 刚刚下载了一个素材
  • youzhu0526 刚刚下载了一个素材
  • 洛菲 刚刚下载了一个素材
  • gt_cklein_pmfo 刚刚下载了一个素材
  • 邋遢大叔 刚刚下载了一个素材
  • 我会发光 刚刚下载了一个素材
  • 港风认证局 刚刚下载了一个素材
  • 小小天然星空 刚刚下载了一个素材
  • ashinTop 刚刚下载了一个素材
  • 尘墨是晶 刚刚下载了一个素材
  • 来和猫猫玩儿 刚刚下载了一个素材
  • 皮噜 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题