zoukankan      html  css  js  c++  java
  • 几种常用的控件(下拉框 可选框 起止日期 在HTML页面直接读取当前时间)

    下拉框

    <div class="form-group">
                            <label class="col-xs-3 control-label no-padding-right">状态</label>
                            <div class="col-xs-9">
                             <select  class="form-control  mmp-select" id="stat" name="stat">
                             <option value="">----请选择----</option>
                                <option value="1">制单</option>
                                <option value="2">已提交</option>
                                <option value="5">已审核</option>                             
                              </select>                        
                            </div>
                     </div>

    可选框

    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-xs-3 control-label no-padding-right"></label>
                            <div class="checkbox">
                                <label class="col-xs-4 control-label no-padding-right"><input type="checkbox" name="isValid"
                                    value="Y" checked="checked" id="isValid">是否有效</label>
                            </div>
                        </div>
                    </div>

    起止日期

    <div class="col-xs-3">
                        <div class="form-group">
                            <label class="col-xs-3 control-label no-padding-right">起止日期</label>
                            <div class="col-xs-9">
                                <div class="input-daterange input-group">
                                    <input type="text" data-date-format="yyyy-mm-dd"
                                        class="input-sm form-control date-picker" name="startDate" />
                                    <span class="input-group-addon"> <i
                                        class="fa fa-exchange"></i></span>                                     
                                    <input type="text"
                                        data-date-format="yyyy-mm-dd"
                                        class="input-sm form-control date-picker" name="endDate" />
                                </div>
                            </div>
                        </div>
                    </div>

    读取当前时间(MessageBox.alert 是有确定按钮的,而.show是没有的)

    var now=new Date().Format("yyyy-MM-dd");
                            if($("[name='endDate']").val() < now ){                            
                                msg+="结束时间必须大于等于当前时间!</br>"
                            }
                            if(msg){
                                Ext.MessageBox.alert("提示", msg);
                                return;
                            }

  • 相关阅读:
    在docker中执行linux shell命令
    ASP.NET MVC Controller接收ajax post方式发送过来的json对象或数组数据
    EasyUI 1.4.4 DataGrid(大数据量) bufferview滚动时不加载下一页数据解决方案
    MVC 5 下,应用log4net收集异常信息
    ASP.NET 获取IP信息等探针
    Discuz!NT 3.5.2正式版与Asp.net网站会员信息整合
    打印HTML页面部分区域javascript代码
    微网站之浅见
    从客户端检测到危险的Request.Form值解决方案
    Ajax客户登陆验证
  • 原文地址:https://www.cnblogs.com/kangds/p/5514644.html
Copyright © 2011-2022 走看看