sui Mobile 试玩

....

突然就用上这东西还不熟悉就写了一个页面而已 

<a class="open-popup button pull-right create-actions" id="tjsjcx" >查询</a><!--  href="javascript:tjsjcx();" -->
                
<script>  

//查询列表点击事件 
                      $(document).on('click','#tjsjcx', function () {
                          var popupHTML = '<div class="popup popup-about">'+
                            '<div class="content-block">'+
                                '<div class="content">'+
                                    '<div class="list-block">'+
                                        '<ul>'+
                                            '<li>'+
                                                '<div class="item-content">'+
                                                    '<div class="item-media">'+
                                                        '<i class="icon icon-form-calendar"></i>'+
                                                    '</div>'+
                                                    '<div class="item-inner">'+
                                                        '<div class="item-title label">'+
                                                            '开始时间'+
                                                        '</div>'+
                                                        '<div class="item-input">'+
                                                            '<input id="ks" type="date" placeholder="Birth day" value="2015-01-01">'+
                                                        '</div>'+
                                                    '</div>'+
                                                '</div>'+
                                            '</li>'+
                                            '<li>'+
                                                '<div class="item-content">'+
                                                    '<div class="item-media">'+
                                                        '<i class="icon icon-form-calendar"></i>'+
                                                    '</div>'+
                                                    '<div class="item-inner">'+
                                                        '<div class="item-title label">'+
                                                            '截止时间'+
                                                        '</div>'+
                                                        '<div class="item-input">'+
                                                            '<input id="jz" type="date" placeholder="Birth day" value="<%=dq%>">'+
                                                        '</div>'+
                                                    '</div>'+
                                                '</div>'+
                                            '</li>'+
                                        '</ul>'+
                                    '</div>'+
                                    '<div class="content-block">'+
                                        //'<p><a id="cxqd" class="close-popup button button-big button-round" href="javascript:cxqd();">确定</a></p>'+
                                        '<div class="row">'+
                                            '<div class="col-50">'+
                                                '<a class="close-popup button button-big button-fill button-danger">取消</a>'+
                                            '</div>'+
                                            '<div class="col-50">'+
                                                '<a class="close-popup button button-big button-fill button-success" href="javascript:cxqd();">提交</a>'+
                                            '</div>'+
                                        '</div>'+
                                    '</div>'+
                                '</div>'+
                            '</div>'+
                        '</div>';
                        $.popup(popupHTML);
                        
                        //$.popup('#popup-about');
                    });
                  var date = new Date();
                    //开始日期
                    $("#ks").calendar({
                       value: [date]
                    });
                    //截止时间
                    $("#jzjz").calendar({
                        value: [date]
                    });
                    $("#jz").click();
                    $.closeModal($("#jz").container);            
                    function cxqd(){
                        var ks = $("#ks").val();
                        var jz = $("#jz").val();
                        console.log(ks);
                        var s= 999;
                        var a = 1;
                        var i = 0;
                        if(ks!=null && ks!="" && jz!=null && jz!=""){
                            $.ajax({
                                url:"<%=basePath%>ntsgl/whjj.action",    //请求的url地址
                                //dataType:"json",   //返回格式为json
                                cache: false,
                                async:true,//请求是否异步，默认为异步，这也是ajax重要特性
                                data:{qf:"qf",ks:ks,jz:jz,pageSize:s,pageIndex:i},    //参数值
                                type:"POST",   //请求方式
                                beforeSend:function(){ //请求前的处理
                                },success: function(mag){//success指的是请求并成功返回信息 //msg是返回的内容
                                    //alert(mag);
                                    
                                    var lo = "new";
                                    sjjz_zzl(mag,s,a,lo);
                                },complete:function(){ //请求完成的处理
                                },error:function(jqXHR, textStatus, errorThrown){//请求出错处理 
                                    $.alert("失败!","提示");
                                       return false;
                                }
                            });
                        }
                    }

</script>

上面 

var popupHTML ="";

$.popup(popupHTML);

//$.popup('#popup-about');

的 popupHTML ，官方说的是可以直接把HTML写在外面，然后直接：$.popup('#popup-about');就可以了，但是我那好像不行，有点怪怪的，

(我发现一个事情就是不管写的好的，都被其他人爬走了帖子，爬走就算了，能不能备注一下原帖子在哪，新人请教的时候好找人请教啊)