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);
            });
  • 相关阅读:
    C#4.0和VS2010新特性
    对于大型公司项目平台选择j2ee的几层认识
    移动开发
    第四讲 GridView 72般绝技
    String字符串补0或空格
    org.apache.commons.io使用实例
    BigDecimal
    JAVA String.format 方法使用介绍
    SimpleDateFormat使用详解
    java四舍五入
  • 原文地址:https://www.cnblogs.com/bfc0517/p/8567800.html
Copyright © 2011-2022 走看看