....
突然就用上这东西还不熟悉就写了一个页面而已
<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');就可以了,但是我那好像不行,有点怪怪的,
(我发现一个事情就是不管写的好的,都被其他人爬走了帖子,爬走就算了,能不能备注一下原帖子在哪,新人请教的时候好找人请教啊)