zoukankan      html  css  js  c++  java
  • bootstrap-datapicker 时间约束

    <div class="input-group date date-picker" id="StartTime">
        <input type="text" class="form-control form-filter input-sm" readonly name="StartTime" placeholder="从" />
        <span class="input-group-btn" style=" 25%">
            <button class="btn btn-sm default" type="button">
                <i class="fa fa-calendar"></i>
            </button>
        </span>
    </div>
    
    <div class="input-group date date-picker" id="EndTime">
        <input type="text" class="form-control form-filter input-sm" readonly name="EndTime" placeholder="到">
        <span class="input-group-btn" style=" 25%">
            <button class="btn btn-sm default" type="button">
                <i class="fa fa-calendar"></i>
            </button>
        </span>
    </div>
    $('.date-picker').datepicker({
                language: 'zh-CN',
                todayHighlight: true,
                format: 'yyyy-mm',
                autoclose: true,
                startView: 'months',
                maxViewMode: 'years',
                minViewMode: 'months',
                startDate: "2017-01",
                endDate: new Date()
    });
    
            $("#StartTime").on("changeDate",function (e) {
                var startTime = e.date;
                $('#EndTime').datepicker('setStartDate',startTime);
            });
    
            $('#EndTime').on("changeDate",function (e) {
                var endTime = e.date;
                $('#StartTime').datepicker('setEndDate',endTime);
            });
  • 相关阅读:
    maven安装和四大特性
    rabbitMQ的安装和创建用户
    java小白之面向对象
    java初级笔记
    laravel 的升级
    prepare
    获取客户端真实IP
    apache nginx 区别
    七猫面试
    linux基本命令
  • 原文地址:https://www.cnblogs.com/bfc0517/p/8567800.html
Copyright © 2011-2022 走看看