• 时间控件 datepicker


     <div class="col-md-4">
                        <div class="form-group inblock">
                            <label class="col-sm-4 control-label" for="starttime">注册日期:</label>
                            <div class="input-group" style=" 250px;">
                                <input type="text" class="form-control datepicker" id="starttime" name="starttime" style=" 207px;">
                                <div class="input-group-addon">
                                    <a href="#"><i class="linecons-calendar"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group inblock">
                            <label class="col-sm-4 control-label" for="endtime">-</label>
                            <div class="input-group" style=" 250px;">
                                <input type="text" class="form-control datepicker" id="endtime" name="endtime" style=" 207px;">
                                <div class="input-group-addon">
                                    <a href="#"><i class="linecons-calendar"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
        //时间控件
        $('#starttime').datepicker({
            format: 'yyyy-mm-dd',
            todayBtn : "linked",
            language: 'zh-CN',
            autoclose : true
            //endDate : new Date()
        }).on('changeDate',function(e){
            var startTime = e.date;
            $('#endtime').datepicker('setStartDate',startTime);
        });
    
        $('#endtime').datepicker({
            format: 'yyyy-mm-dd',
            todayBtn : "linked",
            autoclose : true,
            language: 'zh-CN'
            //endDate : new Date()
        }).on('changeDate',function(e){
            var endTime = e.date;
            $('#starttime').datepicker('setEndDate',endTime);
        });
  • 相关阅读:
    9、scala面向对象编程之继承
    8、scala面向对象编程之对象
    7、scala面向对象编程之类
    JavaScript读书笔记
    ATM流程的实现
    Python实现简单的验证码模块
    处女作——静态页面的编写
    CSS知识速递
    HTML知识速递
    员工信息表 实现增删改查操作
  • 原文地址:https://www.cnblogs.com/webgg/p/5508218.html
Copyright © 2020-2023  润新知