jquery easyui日期控件中,在页面里用JS拿到设立的日期值的方法
链接:http://blog.csdn.net/liweibin_/article/details/13509917
jquery easyui日期控件中,在页面里用JS拿到设置的日期值的方法
有这样的一个日期文本框:
- <input type="text" name="mdate" size="20" value="" id="mdate" class="easyui-datebox"/>
使用easyui给文本框选定日期值,然后,要在JS中拿到此日期框中的最新值。
本来以为这是一个简单的问题,直接
- var dv = $('#mdate').val();
不就OK了吗。但事与愿违,拿到的竟然是空,如果我在后台给这个文本框赋初值,则无论你再选任何值,拿到的也还是那个初值。
解决方法,使用easyui自己的函数来拿,就能够拿到了:
- var dv = $('#mdate').datebox('getValue');
原因就是,easyui另外增加了一个隐藏的input表单,它把值赋到那个里面去了.
源码:
- <span class="combo datebox" style=" 151px; height: 20px;">
- <input class="combo-text validatebox-text" type="text" autocomplete="off" style=" 129px; height: 20px; line-height: 20px;"></input>
- <span>
- <span class="combo-arrow" style="height: 20px;"></span>
- </span>
- <input class="combo-value" type="hidden" value=""></input>
- </span>