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

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

  • 1075
  • 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扁平化带时间日期日历选择器插件
  • 龙雯超 刚刚下载了一个素材
  • 好运来1 刚刚下载了一个素材
  • 静静6464 刚刚下载了一个素材
  • femalecelestial 刚刚下载了一个素材
  • 臭熊猫 刚刚下载了一个素材
  • qqF56 刚刚下载了一个素材
  • 木灬设计 刚刚下载了一个素材
  • 大大咧咧 刚刚下载了一个素材
  • qqsheepJcU 刚刚下载了一个素材
  • 不染123456 刚刚下载了一个素材
  • Hugo戴先生 刚刚下载了一个素材
  • zat 刚刚下载了一个素材
  • 爱已过期 刚刚下载了一个素材
  • 龙博 刚刚下载了一个素材
  • Jhoan 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2024  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题