求一个js控件模板 数据库有内容 查询后添加成小标签的形式

下拉框的牛肉相关的食材 是 提前录入到数据库的 只要搜索牛肉 模糊查询相关的都会出来

显示状态:

图片说明

添加状态:
图片说明

2个回答

用select2就行了,支持搜索,多选,多选效果就和你的那张图一样

还可以扩张select2,添加自己输入的内容到备选内容中,参考

select2动态添加选项

u012503756
bulidfer 谢谢 我试试
大约一年之前 回复

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


编辑框下拉列表演示




<br> $(document).ready(function(){init();});<br>


            <tr><td nowrap rowspan=10></td><td height=8></td></tr>
            <tr><td> E-mail</td><td><input id="s_custemail" name='email' value='' AutoComplete="off" size=60 maxlength=256></td></tr>
            <tr><td> 姓名</td><td><input id="s_custname" value=""  AutoComplete="off" size=60 maxlength=256></td></tr>
            <tr><td> 单位</td><td><input name='unit' value="" size=60 maxlength=256 ></td></tr>
            <tr><td> 部门</td><td><input name='part' value="" size=60 maxlength=256 ></td></tr>
            <tr><td> </td><td> </td></tr>


    </table>

    <div id="listEmail" style="display:none">
        <ul>
            <li>liu2yi1@test.com</li>
            <li>liu2er4@test.com</li>
            <li>liu2san1@test.com</li>
            <li>chen2yi1@test.com</li>
            <li>chen2er4@test.com</li>
            <li>chen2san1@test.com</li>
            <li>zhang1yi1@test.com</li>
            <li>zhang1er4@test.com</li>
            <li>zhang1san1@test.com</li>
            <li>li3er4@test.com</li>
            <li>li3san1@test.com</li>
            <li>li3si4@test.com</li>
            <li>wang2san1@test.com</li>
            <li>wang2si4@test.com</li>
            <li>wang2wu3@test.com</li>
            <li>zhao4si4@test.com</li>
            <li>zhao4wu3@test.com</li>
            <li>zhao4wu3@test.com</li>
            <li>sun1wu3@test.com</li>
            <li>sun1liu4@test.com</li>
            <li>sun1qi1@test.com</li>
            <li>zhou1liu4@test.com</li>
            <li>zhou1qi1@test.com</li>
            <li>zhou1ba1@test.com</li>
            <li>wu2qi1@test.com</li>
            <li>wu2ba1@test.com</li>
            <li>wu2jiu3@test.com</li>
            <li>zheng4ba1@test.com</li>
            <li>zheng4jiu3@test.com</li>
            <li>zheng4shi2@test.com</li>


        </ul>
    </div>
    <div id="listName" style="display:none">
        <ul>
            <li>刘一</li>
            <li>刘二</li>
            <li>刘三</li>
            <li>陈一</li>
            <li>陈二</li>
            <li>陈三</li>
            <li>张一</li>
            <li>张二</li>
            <li>张三</li>
            <li>李二</li>
            <li>李三</li>
            <li>李四</li>
            <li>王三</li>
            <li>王四 </li>
            <li>王五 </li>
            <li>赵四 </li>
            <li>赵五 </li>
            <li>赵五</li>
            <li>孙五</li>
            <li>孙六 </li>
            <li>孙七</li>
            <li>周六</li>
            <li>周七  </li>
            <li>周八</li>
            <li>吴七</li>
            <li>吴八 </li>
            <li>吴九 </li>
            <li>郑八</li>
            <li>郑十</li>
        </ul>
    </div>

input_search2.js

var flag1 = 0;
var flag2 = 0;
var pos=-1, pos2=-1;

function init(){

var t, t2;
$("#listEmail").css("top",$("#inputBox").css("top")+$("#inputBox").css("height"));
$("#listEmail").css("left",$("#inputBox").css("left"));
$("#listName").css("top",$("#inputBox").css("top")+$("#inputBox").css("height"));
$("#listName").css("left",$("#inputBox").css("left"));
hide();
$("li").css("font-size",$("#s_custemail").css("font-size"));
$("li").css("font-size",$("#s_custname").css("font-size"));
$("li").css("text-align","left");

bindInput();

var email = $("#s_custemail");
var name = $("#s_custname");

$("#listEmail li").mouseup(function(e){
    var str = $(this).text();
    setValue(email, str);
});

$("#listName li").mouseup(function(){
    var str = $(this).text();
    setValue(name, str);
}); 

$('#listEmail li').mousemove(function(e){
    pos = getMouseLocation(e);      
});

$('#listName li').mousemove(function(e){
    pos2 = getMouseLocation(e);
});

$("#s_custemail").blur(function(){
    if( pos==-1 || !isOutOfBound(pos,1) ){
        pos = -1;
        hide();
    }
});

$("#s_custname").blur(function(){
    if( pos==-1 || !isOutOfBound(pos,0) ){
        pos = -1;
        hide();
    }
}); 

}

function bindInput(){
//IE
if (window.ActiveXObject){
document.getElementById('s_custemail').attachEvent("onpropertychange",show1);
document.getElementById('s_custname').attachEvent("onpropertychange",show2);
}else{
$("#s_custemail").bind("input",show1);
$("#s_custname").bind("input",show2);
}
}

function show1(){
var s_value = $("#s_custemail").val();
$("#listEmail").children().children("li").hide();
showListEmail();
if(s_value.length >= 1){
$("#listEmail").children().children("li").each(function(){
var tmp = $(this).text().substr(0,$(this).text().length);

        if(tmp && s_value==tmp.substr(0,s_value.length)){
            $(this).show();
            flag1 = 1;
        }
    });
}

}

function show2(){
var s_value = $("#s_custname").val();
$("#listName").children().children("li").hide();
showListName();
if(s_value.length >= 1){
$("#listName").children().children("li").each(function(){
var tmp = $(this).text().substr(0,$(this).text().length);

        if(tmp && s_value==tmp.substr(0,s_value.length)){
            $(this).show();
            flag1 = 1;
        }
    });
}

}

function hide(){
$("#listEmail").css("display","none");
$("#listName").css("display","none");
}

function setValue(obj, str){
obj.val(str);
hide();
obj.focus();
}

function showListEmail(){
var obj = $('#s_custemail');
$("#listEmail").css("left",parseInt(obj.offset().left));
$("#listEmail").css("top",parseInt(obj.offset().top +obj.outerHeight()));

$("#listEmail").css('display', 'block');
}

function showListName(){
var obj = $('#s_custname');
$("#listName").css("left",parseInt(obj.offset().left));
$("#listName").css("top", parseInt(obj.offset().top + obj.outerHeight()));

$("#listName").css('display', 'block');
}

function getEvent() //同时兼容ie和ff的写法
{
if (document.all)
return window.event;
func = getEvent.caller;
while (func != null) {
var arg0 = func.arguments[0];
if (arg0) {
if ((arg0.constructor == Event
|| arg0.constructor == MouseEvent)
|| (typeof (arg0) == "object" && arg0.preventDefault && arg0.stopPropagation)) {
return arg0;
}
}
func = func.caller;
}
return null;
}

function getMouseLocation(event) {
var is_ff = (navigator.userAgent.indexOf("Firefox") != -1); //Firefox
var e = getEvent(event);
var mouseX = 0;
var mouseY = 0;
var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
if (
is_ff) {
mouseX = e.layerX + document.body.scrollLeft;
mouseY = e.layerY + document.body.scrollLeft;
}
else {
mouseX = e.pageX || e.clientX + scrollX;
mouseY = e.pageY || e.clientY + scrollY;
}
return { x: mouseX, y: mouseY };
}

function isOutOfBound(pos, flag){
var obj;
if (flag) {
obj = $('#listEmail');
}else{
obj = $('#listName');
}
if (pos && obj
&&pos.x >= obj.offset().left
&& pos.x <= obj.offset().left+obj.outerWidth()
&& pos.y >= obj.offset().top
&& pos.y <= obj.offset().top+obj.outerHeight() ) {
return true;
};
return false;
}

u012503756
bulidfer 谢谢 我试试
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
字符串变量添加成字段
我的意思,往表中添加字段,而字段名在字符串变量中.该如何做?rn假设定义了 varchar 变量 @colname:rnalter table tablename add @colname...rn好像不行.希望大虾可以说说原因同时给实现代码看看.rn感激ing~
求一个JS标签内容轮换效果。。
希望大家给的代码越简单越好/。。。rn很普通的一个效果 /。 就是这样的rnAAAAA BBBBBrn rnaaaaaarnrn rnbbbbbbrnrn鼠标放在AAAAA上边显示 的内容,放在BBBBB上边显示 的内容,并且rnAAAAA,BBBBB的背景图片也跟着变动/。rnrnrn再求一个JS代码,就是三个或者4个轮换的代码 。。rn我想应该和两个轮换的不一样 /。
Tomcat添加成windows服务方法(zip-开发版)
bin目录下   修改startup.bat文件,最后添加 set JAVA_HOME=C:\Program Files\Java\jdk1.6.0_23 set CATALINA_HOME=D:\apache-tomcat-6.0.36   修改shutdown.bat文件,最后添加 set JAVA_HOME=C:\Program Files\Java\jdk1.6.0_23...
如何把exe添加成资源文件????????
1、如何把可直接运行的exe文件添加成资源文件?rn2、在条件不符合时运行资源exe文件。rn3、最后生成一个exe文件,只需要一个exe。在网上查了下似乎vc++打包有点困难,用vs2008打不了吗?rnrn最后把希望寄托在csdn上了。高手们给点建议吧rn
求一个小控件
就是一个数据块的显示,类似于jq的datatables的控件,不过我不想那么复杂的,需要有分页功能就行。rn能排序,动态列宽当然最好,大家有没有源码啊 ,发我一个。谢谢!weiweipxb@126.com.
js 隐藏 标签内容
我的业务场景是,在session中获取数据然后 去比较 用来做权限方便的事 就是将没有权限的标签隐藏 var rolebtns = "&lt;%=session.getAttribute("rolebtns")%&gt;"; var templet_add = RegExp(/templet_add/) if (!templet_add.test(rolebt...
Js正则匹配标签内容
有好多个 span标签 如:rn 1rn 1 2rnrn要求用正则 把 每个 span标签里面的内容前面的 多个空格 替换掉 一个空格,如下,2前面的空格不变。rn 1rn 1 2rn谢谢!
AIX怎样把安装的软件添加成一个服务?
比如现在安装了一个软件,rn启动时是到安装路径中运行startServer.shrnrn但现在我想把startServer.sh做成一个系统服务,rn当开机时可以[color=#FF0000]自动启动[/color]rnrnrn请求高手解决!!!!!!!!
如何将自己写的一个MFC程序添加成开机自动启动的系统服务
rtrn需要将自己写的一个MFC程序添加成开机自动启动的系统服务rnrn按照网上写的rn加了以下注册表rnHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\DisplayNamernHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\DescriptionrnHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\ImagePathrnHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\ObjectNamernHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\ErrorControlrnHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\StartrnHKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\程序名\Typernrn的确成功地添加到了控制面板的系统服务中rn但是每次启动服务的时候,总是告诉我超时rnrn哪里弄错了?rnrn
js输出<p>标签中的内容为什么要用数组形式
先上实例代码。  &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;body&amp;gt; &amp;lt;p&amp;gt;Hello World!&amp;lt;/p&amp;gt; &amp;lt;div id=&quot;main&quot;&amp;gt; &amp;lt;p&amp;gt;The DOM is very useful.&amp;lt;/p&amp;gt; &amp;lt;p&am
EXCMS模板标签之内容标签介绍
本教程主要对EXCMS模板标签中的内容标签进行了详细的介绍与说明。
求一个js小例子
有一个1.html,里面有2个链接a和b,rn点击链接a,调用一个function,弹出一个新页面2.html,并且通过1.html的这个function控制2.html在5秒后自动关闭rnrn点击链接a,调用一个function,弹出一个模态对话框3.html,并且通过1.html的这个function控制3.html在5秒后自动关闭rn
SQL查询内容,如何不查询有HTML标签的地方?
在实操过程中,查询text字段,但此text字段是html与文字的混合体。rn比如,我输入查询"name"单词,结果却把
求一个内容显示的控件?
1. 我要显示数据库中的内容(内容包含图片和文字) 要求读取的时候内容和图片一同显示在一个控件上 [color=#FF0000]如果内容过长rnrn可以给内容分页(我用label控件 只能显示文字 不能显示图片)[/color]rnrnrn2. 也是数据库中的数据 要求只显示图片(格式:[color=#FF00FF]要求显示三行 每行显示五张图片[/color])[color=#FF0000] 每张图片都是不同的(图片之间不能重复)[/color]
求一个过滤标签内容的正则表达式.
我在自己封装的XML数据中,有像id1有001这样的返回XML串,在发送出去之后,有个过滤器会对收到XML串中像和这种没有内容的标签进行处理,处理结果变成无内容和无内容.rnrn这样的正则一下子写不出来,请大家支个招.
求一个小的免费的数据库
下了一个ASP.NET做的会议室管理系统,求一个小的免费的数据库。谢谢
JS监听div标签内容
&amp;lt;div id=&quot;demo&quot;&amp;gt;&amp;lt;/div&amp;gt; $('#demo').on('DOMNodeInserted', function () { var demo = $('#demo').text(); console.log(demo); }); http://www.jnshu.com/login/1/17884272
js隐藏内容隐藏标签
可以隐藏标签内的内容可以显示你想要的内容.
win32程序中添加了数据库的内容后出现错误
fatal error C1001: INTERNAL COMPILER ERRORrn (compiler file 'msc1.cpp', line 1786) rn Please choose the Technical Support command on the Visual C++ rn Help menu, or open the Technical Support help file for more informationrn要怎样解决呢
Android 内容提供者 一个查询内容小demo
Android 内容提供者 以下是demo的代码: 首先 先将下面的项目放到Android Studio里: http://pan.baidu.com/s/1kUMYMGn 是个压缩包 (其实压缩包里已经创建好了) 在项目的java路径下面新建一个新得文件夹 com.dzz.provider 在里面在新建一个MyProvider 文件 MyProvider 文件
求一个匹配表情标签的js
[哈哈],dsadsad,[嘿嘿],[哒哒哒四大]rn求一个把这个带“[]”标签的去除掉。 但是[]中的字符串长度小于5.rn也就是最后结果是 ,dsadsad,,[哒哒哒四大]
求一个查询,有难度!
有这样一个表:rntb(File varchar(400))rnFilernE:\3.25\FM\河北小灵通\1.txtrnE:\3.25\FM\河北小灵通\2.txtrnE:\3.25\FM\河北小灵通\群发语1.txtrnE:\3.25\FM\河北小灵通\群发语2.txtrnE:\3.25\FM\辽宁小灵通\1.txtrnE:\3.25\FM\辽宁小灵通\群发语1.txtrnE:\3.25\FM\山东小灵通\1.txtrnE:\3.25\FM\山东小灵通\2.txtrnE:\3.25\FM\山东小灵通\群发语1.txtrnE:\3.25\FM\山东小灵通\群发语2.txtrnrn我想用一查询语句得到这样的结果:rnrnArea File Mo Qfyrn河北小灵通 E:\3.25\FM\河北小灵通\1.txt 1.txt 群发语1.txtrn河北小灵通 E:\3.25\FM\河北小灵通\2.txt 2.txt 群发语2.txtrn辽宁小灵通 E:\3.25\FM\辽宁小灵通\1.txt 1.txt 群发语1.txtrn山东小灵通 E:\3.25\FM\山东小灵通\1.txt 1.txt 群发语1.txtrn山东小灵通 E:\3.25\FM\山东小灵通\2.txt 2.txt 群发语2.txtrnrn请帮忙,谢谢!rnrn
求标签控件的使用方法
就是右击电脑桌面 选择 属性后 弹出的象 “显示属性” 这样的对话框
ios-筛选控件。有标签和列表的形式展示.zip
示例: SQFiltrateItem *item1 = [[SQFiltrateItem alloc]init]; item1.listType = OptionListType_Tag; item1.numberType = OptionNumberType_Many; item1.opti item1.title = @"item1"; SQFiltrateItem *item2 = [[SQFiltrateItem alloc]init]; item2.listType = OptionListType_Cell; item2.numberType = OptionNumberType_Single; item2.opti item2.title = @"item2"; SQFiltrateItem *item3 = [[SQFiltrateItem alloc]init]; item3.listType = OptionListType_Tag; item3.numberType = OptionNumberType_Many; item3.opti item3.title = @"item3"; SQFiltrateView *filtrateView = [[SQFiltrateView alloc]initWithFrame:CGRectMake(0, self.navigationController.navigationBar.frame.size.height [UIApplication sharedApplication].statusBarFrame.size.height, self.view.frame.size.width, 40) filtrateItems:@[item1,item2,item3]]; [filtrateView touchBlock:^(SQFiltrateView * _Nonnull view, SQFiltrateItem * _Nonnull item) { NSLog(@"%@:%@",item.title,item.choseSet); }];
两个数据库内容查询
碰到这个需求,不会rn假如有两个数据库DB1 DB2rnDB1有张user表rnDB2有张vip表rnuser表rn[code=SQL]rnuid name isNewrn1 a truern2 b truern3 c truern4 d falsern....rn[/code]rnvip表rn[code=SQL]rnvid uid isGoldrn1 3 truern2 1 falsern3 2 truern3 4 truern....rn[/code]rnrnrn现在想找出新用户(isNew)并且是黄金(isGold)VIP用户的name
数据库-内容的查询 二
-- > any 比最小的值要高 select *   from products  where unitprice > any  (select unitprice from products where categoryid = 2)  order by unitprice asc            select min(unitprice) from products
怎样把数据库中的某一列数据添加成treeview一个子节点?
小弟要做一个学生信息管理系统,在浏览的页面有一个treeview,想把所有学生的学号做成“全体学生”的子节点,点击“全体学生”时在右边的datagrid可以显示全体学生,如果点击哪个学号就可以显示这个学生的信息。rn这个用代码怎么实现?谢谢。
数据库属性标签内容取得?
各位专家大家好。rnrn我想取得数据库属性标签里面的内容:rn用什么方法能实现呢。rn
JS日历,小控件JS日历,小控件
写JSP或HTML时所需要的加载的JS日历 直接加载,<script type="text/javascript" language="javascript" src="cal.js"></script> <input id="aa" onfocus="setday(this)">
求一个JS操作listbox代码(有个小要求)
其实就是左移右移的问题,要求如下:rnrn要能多选移动,不能用JQUERYrnrn例如,左边向右边移rnrn1、如果左边有,右边没有,则移动(左删右增);rn2、如果左边有,右边也有,则左删右不增;rnrn主要是两个LISTBOX有重复数据,否则实现第一个还是很简单的,谢谢指教。
删选有内容的标签
html> html lang="en"> head> meta charset="UTF-8"> title>Documenttitle> head> body> div> div>div> div>div> div> p>1111p> p>2222p> p> p> p>4444p>
高分求一个显示数据库中内容的控件
显示数据库中的各个行和列,rn其中一列有表示是或者不是这样的属性,使用对号和错号来表示是和不是rn就象oracle中在建立一个表,需要对其中的一列的数据设置可为null还是不为null时的情形一样rnrn可以使用右键来显示增加,删除等选项,rn双击一行中的一列,可以修改该值,就象excel那样,双击就可以修改其中的属性rnrn请问要实现这样的功能,vc有这样的控件吗?rn该怎么样实现呢?rn谢谢
如何将已经做好的.dll 添加成控件使用(在线等)
快来帮忙啊 !rn给高分!!
获取js内容,以字符串形式!
http://www.baidu.com/cache/hps/js/hps-1.4.jsrn[code=JScript](function()rn var K="http://www.baidu.com/",E=navigator.userAgent.indexOf("MSIE")!=-1&&!window.opera,F=Math.random()100,L="百度一下,你就...省略[/code]rnrn这是百度的js文件,通过这个地址 我要获取到该js文件里面的内容(以string形式)。 var Ineed='上面这段code'rn怎么个搞法。。貌似很简单,无从下手呀- -!应该是可以实现的把。
把应用程序添加成以服务的方式启动
要把应用程序添加为服务,你需要两个小软件:Instsrv.exe和Srvany.exe。Instsrv.exe可以给系统安装和删除服务,Srvany.exe可以让程序以服务的方式运行。这两个软件都包含在Windows NT Resource Kit里。这是win2000时代的软件,没想到Win2008依然可以用。下载地址:http://xiazai.jb51.net/201309/tools/sr...
求NOTES数据库模板
请问各位大侠,哪位有数据库模板提供下载,我将非常感激。
求一段JS 实现一个小功能
想要完成图片批量上传,刚开始输入提示记录框,比如 上传图片一:( )浏览 用JS判断 当( ) 不为空即已有路径输入 并且失去焦点后 立即显示第二个记录框 上传图片二: (    )  rnrn注一下 (   )是个input框体  浏览是个button 链接资源管理器   rnrn谢谢大神们帮忙 写下JS部分就可以了  菜鸟小弟膜拜 解决了加分、、
求一个JS对Table的查询操作
rn rn rn rn rn rn rn rn rn rn rn rn 1 rn rn rn 未完成rn rn rn 修改 rn rn rn rn rn 2 rn rn rn 已完成rn rn rn 修改 rn rn rn rnrn rnrn rn rnrnrn当点击按钮时 判断如果表格中的列是已完成的 请让修改不可用(disabled=true)
一个小模板
/* *2010-1.4 */ #include &amp;lt;stdio.h&amp;gt; /*提供标准I/O函数原型*/ #include &amp;lt;stdlib.h&amp;gt; /*提供EXIT_SUCCESS和EXIT_FAILURE*/ #include &amp;lt;unistd.h&amp;gt; /*提供getopt()*/ struct globalArgs_t { char *arg...
织梦内容管理系统模板标签代码参考
织梦内容管理系统模板标签代码参考
相关热词 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池 c#5.0 安装程序 c# 分页算法

相似问题

3
C# winform中textbox控件与数据库dataset数据源绑定,如何在后台操作改变textbox的text值
3
C#使用DataGridView控件显示数据表查询内容出现如下问题
2
C#自定义控件构造函数内内启动线程导致控件添加即运行线程
1
在qt中如何向控件传递数据库中的数据
0
design库提供的BottomNavigationView 和第三方控件BottomNavigationBar的比较在哪里?
2
mfc调用mysql数据库时,如何在listbox上逐行显示调用的数据库的表中的内容呢?
1
关于file控件文件上传添加事件的问题
2
c#中如何将datagridview中的数据存入access数据库?
1
求大神!!!repeater控件中放入两个textbox,要修改值并更新到数据库
1
C#winform窗体程序,用dataGridView控件获取数据库的表格怎么可以通过点击Butten按钮保存到数据库?
3
C#,窗体,用dataGridView控件获取数据库的表格,通过点击Butten按钮保存到数据库为什么我的代码没反应?
1
连接数据库文件时,版本报错
2
Android layout下的xml文件 无法添加或者删除控件
2
在用C#中的Chart控件绘图时,想给某个折线图添加文本标签,来说明这条折线图表示的意思,如何做到?
1
C#中自带的chart控件能得到圆环进度条吗?并与连接SQLIte数据库。效果如下图
2
请问mfc中如何在一个static控件里面放一个button?
1
VB中Webbrowser控件点击指定的JS标签
1
询问各位一个devexpress控件问题
1
求一个类似“雅虎财经“中互动式分析图表的强大的前端控件?
1
WdatePicker时间控件偏移