zoukankan      html  css  js  c++  java
  • 时间控件 BeatPicker

    项目展示

     

    ---

    开始使用

    1.引入js&css文件

    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/BeatPicker.min.css" type="text/css"/>
    <script src="${pageContext.request.contextPath}/js/jquery-1.11.3.min.js" type="text/javascript"></script>
    <script src="${pageContext.request.contextPath}/js/BeatPicker.min.js" type="text/javascript"></script>
    

    2.在input元素中添加属性

    • data-beatpicker:开启控件
    • data-beatpicker-extra:扩展配置
    <input type="date" class="form-control" name="birthday" data-beatpicker="true" data-beatpicker-extra="customOptions">
    

    3.编写配置

    <script type="text/javascript">
    
        var customOptions = {
            modules: {
                today: true,
                clear: true,
                gotoDate: true
            },
            daysSimple: ["周日", "周一", "周二", "周三", "周四", "周五", "周六"],
            daysFull: ["星期日", "周一", "周二", "周三", "周四", "周五", "周六"],
            monthsSimple: ["一月", "二月", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
            monthsFull: ["一月份", "二月份", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
    
            labels: {
                today: "今天日期",
                gotoDateInput: "请输入跳转时间",
                gotoDateButton: "跳转",
                clearButton: "清除"
            },
    
            dateFormat: {
                separator: "-",
                format: ["YYYY", "MM", "DD"]
            }
        }
        
    </script>
    
  • 相关阅读:
    关于PowerShell调用Linq的一组实验
    PowerShell创建参考窗口
    Python切图脚本
    11->8
    用Python演奏音乐
    关于Haskell计算斐波那契数列的思考
    傅立叶变换与小波分析
    堆排序(python实现)
    二进制数据表示方式
    oracle数据插入/查询乱码
  • 原文地址:https://www.cnblogs.com/hfultrastrong/p/7647945.html
Copyright © 2011-2022 走看看