zoukankan      html  css  js  c++  java
  • jquery插件——日历控件

    今天在网上有看到一个jquery插件——日历控件,不过之前也在柯乐义的网站上看到了(http://keleyi.com/ 推荐下)

     这个插件看着比较大气,所以干脆也分享下,以后自己也好用一点儿

    1.页面调用css

    <link rel="stylesheet" type="text/css" href="css/manhuaDate.1.0.css"/>

    2:页面引入js

    <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="js/manhuaDate.1.0.js"></script>

    3.页面上写一个input标签

    <input type="text" class="mh_date" readonly="true" />

    4.写一段js

    <script type="text/javascript">
    $(function (){
        $("input.mh_date").manhuaDate({                       
            Event : "click",//可选                      
            Left : 0,//弹出时间停靠的左边位置
            Top : -16,//弹出时间停靠的顶部边位置
            fuhao : "-",//日期连接符默认为-
            isTime : false,//是否开启时间值默认为false
            beginY : 2010,//年份的开始默认为1949
            endY :2015//年份的结束默认为2049
        });
    });
    </script>

    这里是整个Demo,可供下载   日期插件

  • 相关阅读:
    vue promise
    vue 数组操作
    vue登录注册切换的坑
    筆記連接
    vue配置jquery和bootstarp
    css的寬高約束
    css框模型
    css居中flex
    css居中
    遍历forEach与map的区别-forEach踩坑记
  • 原文地址:https://www.cnblogs.com/wanliyuan/p/3573754.html
Copyright © 2011-2022 走看看