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

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

  • 1622
  • 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扁平化带时间日期日历选择器插件
  • 厚栋 刚刚下载了一个素材
  • 飞宇超级宝共享充电宝 刚刚下载了一个素材
  • 樱桃漫 刚刚下载了一个素材
  • 天天侃篮球 刚刚下载了一个素材
  • 热先生 刚刚下载了一个素材
  • 七彩云对象存储 刚刚下载了一个素材
  • 提灯晚风为欢几何 刚刚下载了一个素材
  • dy_DZH_pxx 刚刚下载了一个素材
  • 路宝宝 刚刚下载了一个素材
  • huang-lan 刚刚下载了一个素材
  • 柚怎么了 刚刚下载了一个素材
  • Yoloo喊我宝贝 刚刚下载了一个素材
  • 令狐百奇 刚刚下载了一个素材
  • dy_Jiawenjie_jbn 刚刚下载了一个素材
  • wocong 刚刚下载了一个素材
分享者：
分享者头像
小编
热门素材推荐
HTML素材网，HTML5模板，网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2026  素材8  Powered by 智伙伴科技
   鲁ICP备14029286号-5 鲁公网安备37060202001967号
返回顶部返回顶部
发布主题