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

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

  • 1012
  • 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扁平化带时间日期日历选择器插件
  • T180 刚刚下载了一个素材
  • 生如夏花 刚刚下载了一个素材
  • 市区 刚刚下载了一个素材
  • 火美人 刚刚下载了一个素材
  • 方人也 刚刚下载了一个素材
  • 盏盏 刚刚下载了一个素材
  • 生活也许曾经鲜活 刚刚下载了一个素材
  • qq礼aya 刚刚下载了一个素材
  • GTM冠军 刚刚下载了一个素材
  • 郭永新领新网络 刚刚下载了一个素材
  • qq清欢Bu0 刚刚下载了一个素材
  • 静眸 刚刚下载了一个素材
  • 青城 刚刚下载了一个素材
  • A帅 刚刚下载了一个素材
  • 叶陈帆 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题