几种常用的控件(下拉框 可选框 起止日期 在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;
                        }

原文地址:https://www.cnblogs.com/kangds/p/5514644.html