datagrid时间插件

 jquery easyui日期控件中,在页面里用JS拿到设立的日期值的方法

链接:http://blog.csdn.net/liweibin_/article/details/13509917

jquery easyui日期控件中,在页面里用JS拿到设置的日期值的方法
有这样的一个日期文本框:

 
  1. <input type="text" name="mdate" size="20" value="" id="mdate" class="easyui-datebox"/>  


使用easyui给文本框选定日期值,然后,要在JS中拿到此日期框中的最新值。
本来以为这是一个简单的问题,直接

 
  1. var dv = $('#mdate').val();  


不就OK了吗。但事与愿违,拿到的竟然是空,如果我在后台给这个文本框赋初值,则无论你再选任何值,拿到的也还是那个初值。

解决方法,使用easyui自己的函数来拿,就能够拿到了:

 
  1. var dv = $('#mdate').datebox('getValue');  

原因就是,easyui另外增加了一个隐藏的input表单,它把值赋到那个里面去了.

源码:

 
    1. <span class="combo datebox" style=" 151px; height: 20px;">  
    2.   
    3.     <input class="combo-text validatebox-text" type="text" autocomplete="off" style=" 129px; height: 20px; line-height: 20px;"></input>  
    4.     <span>  
    5.         <span class="combo-arrow" style="height: 20px;"></span>  
    6.     </span>  
    7.     <input class="combo-value" type="hidden" value=""></input>  
    8.   
    9. </span>  
原文地址:https://www.cnblogs.com/wanlibingfeng/p/6305519.html