easyUI的时间控件[通俗易懂]

easyUI的时间控件[通俗易懂]以前没怎么用过easyUI,今天用到时间控件,又了解到了一点东西时间控件的样式<inputclass="easyui-datetimebox"id="starttime"name="starttime"style="width:150px"/>然后通过js动态的添加的时候,使用append添加container.append(‘开始时间<inputclass="easyui-d

大家好,又见面了,我是你们的朋友全栈君。

以前没怎么用过easyUI,今天用到时间控件,又了解到了一点东西:在页面中通过js添加控件,需要主动渲染。
时间控件的样式

 <input class="easyui-datetimebox" id="starttime" name="starttime" style="width:150px" />

然后通过js 动态的添加的时候,使用append添加

container.append('开始时间< input class="easyui-datetimebox" id="starttime" name="starttime" style="width:150px" />');

在页面只是一个文本框,右侧不显示选择时间的小按钮,控件不能加载
查询的得知,easyUI属性的加载是在渲染页面的时候完成,当页面渲染完成之后,通过js动态调用再添加的easyUI的控件就不再起效果,需要手动的进行加载,于是添加:

$.parser.parse(container);

这样就可以将新添加了easyui-datetimebox属性加载到页面

但是在获取数据的时候又出现问题,通过id无法获取值,通过调试得到,时间控件会生成一个隐藏域,里面是选择的时间,但是这个隐藏域里没有id属性,但是有name属性,于是使用name可以获取值

$("input[name='starttime']").val()

于是通过:

container.append('开始时间<input class="easyui-datetimebox" id="starttime" name="starttime" style="width:150px" />');
container.append('结束时间<input class="easyui-datetimebox" id="endtime" name="endtime" style="width:150px" />');
$.parser.parse(container);

效果如下:
选择时间
查看具体的值存放:
这里写图片描述
可以看到,选择的时间“2017-12-26 13:45:03”没有显示在自己定义的input标签里,而是在easyUI自己生产的一个隐藏域里面。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/142662.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • python编辑时怎样换行_python怎么换行输入[通俗易懂]

    python中可以进行换行输入,具体可以参考本经验。工具/原料deepinlinuxpython3.5方法一、使用“\”进行换行输入1在python中,Python用反斜线(“\”)作为续行符(换行符),这里以python3.5为例。首先运行终端或者cmd命令行(windows下)。执行python3.5的命令。2然后输入如下图所示的内容。本身就是输出helloworld!的字符串。但是…

  • node.js写爬虫程序抓取维基百科(wikiSpider)

    node.js写爬虫程序抓取维基百科(wikiSpider)

  • IntelliJ IDEA常用快捷键汇总

    IntelliJ IDEA常用快捷键汇总在使用IntelliJIdea的时候,使用快捷键是必不可少的。掌握一些常用的快捷键能大大提高我们的开发效率。有些快捷键可以熟练的使用,但是还有另外一些快捷键虽然很好用,但是由于因为没有形成使用习惯或者没有理解快捷键的用法,甚至之前对一些快捷键根本没有概念,导致不会去使用。对于这些快捷键,如果能够用好,编辑代码的效率必能提高一个水平。所以在此梳理出来,加强自己的使用,形成习惯。(注:有些操作的快捷键

  • python | 史上最全的正则表达式「建议收藏」

    python | 史上最全的正则表达式「建议收藏」importrere.match#从开始位置开始匹配,如果开头没有则无re.search#搜索整个字符串re.findall#搜索整个字符串,返回一个list举例:r(raw)用在pattern之前,表示单引号中的字符串为原生字符,不会进行任何转义re.match(r’l’,’liuyan1′).group()#返回lre.match(r’y’,’liuyan1′)#…

  • 弹出USB大容量存储设备时出问题_win10无usb大容量存储

    弹出USB大容量存储设备时出问题_win10无usb大容量存储1、打开计算机管理2、点击事件查看器->自定义视图->管理事件3、双击管理事件里面的警告事件,打开它,4、点击详细信息5、记住上面的进程ID,然后打开任务管理器,找到刚才的那个进程,鼠标右键后点击结束进程树。…

  • 魔力宝贝服务端架设_魔力宝贝怀旧手游

    魔力宝贝服务端架设_魔力宝贝怀旧手游CC魔力宝贝服务端setup.cf解释#blserv=211.232.109.164//bl服务器地址#blserv=127.0.0.1//bl服务器端口blserv=222.122.31.125//bl服务器地址blservport=1072//bl服务器端口#blservport=9650//bl服务器端口battledebugmsg=0//战斗debug信息ba…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号