幾種常用的控件（下拉框 可選框 起止日期 在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;
                        }