zoukankan      html  css  js  c++  java
  • daterangepicker-双日历

    js脚本和css样式,到bootstrap官网去下载

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Default/jquery-1.9.1.min.js"></script>
    <script src="Default/bootstrap.js"></script>
    <script src="Default/modealayer.js/layer/layer.min.js"></script>
    <script src="Default/modealayer.js/layer/w-modal-3.0-min.js"></script>
    <script src="Default/w_formList/w-list-min.js"></script>
    <script src="Default/dateTime/dateTiemMain.js"></script>
    <link href="Default/dateTime/daterangepicker-bs3.css" rel="stylesheet" />
    <script src="Default/dateTime/moment.min.js"></script>
    <script src="Default/dateTime/datepicker.min.js"></script>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    </head>
    <body>
    <!--双日历-->
    <div class="w-l-doudate">
    <div class="col-lg-2 w-l-doudate-g">
    <div class="input-group">
    <span class="input-group-addon w-input-group-addon w-date-ioc w-l-fd">
    <i class="fa fa-plus fa-calendar"></i>
    </span>
    <input type="text" class="form-control notext" id="SelectDate" placeholder="请选择时间" readonly="readonly" />
    </div>
    </div>
    </div>
    <script type="text/javascript">


    $(document).ready(function () {
    //双日历 实例
    $('#SelectDate').daterangepicker({
    startDate: moment().startOf('day'),
    format: 'YYYY/MM/DD', timePicker: false, showDropdowns: true,
    ranges: {
    //'最近1小时': [moment().subtract('hours',1), moment()],
    '今日': [moment().startOf('day'), moment()],
    '昨日': [moment().subtract('days', 1).startOf('day'), moment().subtract('days', 1).endOf('day')],
    '最近7日': [moment().subtract('days', 6), moment()],
    '最近30日': [moment().subtract('days', 29), moment()]
    },
    opens: 'left',
    }, function (start, end, label) {

    });

    })

    function GetCheckboxVal() {
    var cheval = Getccxvstate();

    }


    </script>
    </body>

    </html>

  • 相关阅读:
    路由的添加和删除
    extjs中的tabpanle下的combobox提交问题
    Asp.net下from认证统一认证配置
    ASP.NET权限管理系统(FrameWork) 1.0.8 Release
    Web网站架构设计
    手机6120C 玩仙剑dos版
    Extjs 4.07 对类型定义引发的匹配问题
    Supesoft权限管理系统(FrameWork) 1.0.9 Release
    Google静态地图如何显示两点之间路线1(简单路线)
    Chrome不支持showModalDialog模态对话框和无法返回returnValue的问题
  • 原文地址:https://www.cnblogs.com/zhuyapeng/p/5688567.html
Copyright © 2011-2022 走看看