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);
            });
  • 相关阅读:
    钢镚儿和鲨鱼记账的差距
    团队绩效管理
    做什么都队第一段冲刺绩效评比
    第一阶段各组对我们的评价
    第一阶段对各小组的评价
    团队十日冲刺最后一天
    团队十日冲刺第九天
    团队十日冲刺第八天
    满心萧然要坚持更博客鸭
    生而为人
  • 原文地址:https://www.cnblogs.com/bfc0517/p/8567800.html
Copyright © 2011-2022 走看看