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头文件
    线性表(gcc实现)
    排序的稳定性
    git创建和合并分支
    当单选input框改变时触发
    css样式定义
    div块显示在一行
    redis数据结构(一)
  • 原文地址:https://www.cnblogs.com/bfc0517/p/8567800.html
Copyright © 2011-2022 走看看