`
oldbig
  • 浏览: 75955 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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表单,它把值赋到那个里面去了,但还是很奇怪的是,提交表单时,名为mdate的这个表单提交过去的还是正确的值,怀疑是提交前做了什么手脚,动态地给原来的表单赋了值。没有仔细研究。

分享到:
评论

相关推荐

    Jquery EasyUI 日历Demo

    在这个"Jquery EasyUI 日历Demo"中,我们将探讨如何利用 EasyUI 的日历组件来实现一个简单的日期选择功能。 首先,我们需要在 HTML 页面中引入 jQuery 和 JQuery EasyUI 的库文件。这些库文件通常可以从官方 CDN...

    基于JQueryEasyUI类库的WebForm控件库

    4. **demo**: 示例代码和演示页面,帮助开发者了解如何在实际项目中应用这些控件,提供了详细的使用示例和配置方法。 **三、应用场景** 1. **数据展示**: 使用JQueryEasyUI的表格组件可以方便地展示数据库中的数据...

    easyui 日期控件选择到月份

    easyui日期控件只选择到月份,保存记录一下。 &lt;input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" /&gt;

    jquery easyUI JS库和API 附加日期控件库My97DatePickerBeta.zip

    - **联合使用**:通过在EasyUI的文本框(TextField)中嵌入My97DatePicker,可以创建一个带有日期选择功能的输入控件。 - **配置与样式**:根据项目需求,可以通过调整My97DatePicker的配置项和CSS样式,使其与...

    jquery easyui 周历 周选择下拉控件

    以上便是关于“jquery easyui 周历 周选择下拉控件”的详细知识点介绍,这个控件的实现涉及到了组件扩展、事件处理、样式定制和配置选项等多个方面,充分展示了JavaScript和jQuery EasyUI在前端开发中的强大功能。

    jquery获取easyui日期控件的值实现方法

    在jQuery EasyUI框架中,日期控件(datebox)是一个常用的功能组件,用于方便用户选择日期。在实际的网页开发中,我们常常需要在JavaScript中获取用户选定的日期值,以便进行进一步的数据处理或验证。然而,直接使用...

    jquery easyui datagrid demo

    解压后,我们可以将这些文件引入到项目中,从而在网页中使用 jQuery EasyUI 的所有功能。同时,这个压缩包可能还包含了示例页面,帮助我们直观地了解如何在实际项目中集成和使用这些组件。 `jquery_easyui_manual_...

    jQuery EasyUI 1.3.6 离线简体中文API文档

    最新版本的jQuery EasyUI 1.3.6版全中文API汉化文档火热出炉,由于很多人和我要chm格式的,所以本次API我提供了2种版本的API,一个还是以前的EXE格式,另外一个就是人气颇高的chm格式。本次还将EasyUI 1.3.6版直接...

    jquery easyui 帮助文档

    10. **时间选择器(datetimebox)**:Datetimebox 提供了一个方便的日期和时间选择界面,用户可以快速设置日期和时间值。 jQuery EasyUI 的 API 文档通常会详细说明每个组件的使用方法、配置选项、事件以及方法。...

    jqueryEasyUI

    **jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的 UI 组件,使得开发者能够快速...在实际项目中,熟练掌握 jQuery EasyUI 的使用技巧和 API,对于提升工作效率至关重要。

    JQueryUI,EasyUI一些控件的使用

    在本文中,我们将深入探讨JQueryUI和EasyUI这两个JavaScript库在创建用户界面时的一些关键控件和功能,包括表单、Tab切换以及样式切换。它们都是为了提升Web应用程序的用户体验和交互性而设计的。 首先,让我们了解...

    初试JqueryEasyUI(附Demo)

    在初试 Jquery EasyUI 的 Demo 中,你可以通过阅读 `初试JqueryEasyUI.docx` 和 `初试JqueryEasyUI.mht` 文件了解详细步骤和示例代码。`EasyUIDemo` 文件可能是包含实际演示的 HTML 和 JavaScript 代码,可以运行...

    jQuery EasyUI中文手册

    《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...

    Jquery.easyUI js引用以及文档教程

    在网页中,你需要先引入 jQuery,然后引入 EasyUI,如下所示: ```html &lt;script src="jquery-1.7.2.min.js"&gt; &lt;script src="jquery.easyui.min.js"&gt; ``` 2. **EasyUI 组件**: EasyUI 提供了多种组件,如对话框...

    jQuery EasyUI的api

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了HTML用户界面的开发,提供了一系列易于使用的组件,如对话框、表格、...在实际开发中,不断查阅API文档和实践操作,将有助于加深对EasyUI的理解并提高开发效率。

    easyUI时间控件使用

    在本文中,我们将深入探讨如何在EasyUI框架中有效地使用时间控件,以及如何解决时间格式化的问题。EasyUI是一个基于jQuery的轻量级前端开发框架,它提供了一系列丰富的组件,帮助开发者快速构建用户界面。时间控件是...

    Jquery EasyUI 页面框架Demo

    在"Jquery EasyUI 页面框架Demo"中,我们可以期待看到以下内容: 1. 基本布局(Basic Layout):这个Demo可能展示了如何使用EasyUI的布局组件,如`&lt;div&gt;`标签配合`easyui-layout`类来创建一个响应式的布局系统。...

    Jqueryeasyui使用说明

    资源名称:Jquery easyui 使用说明内容简介:Jquery easyui 使用说明 中文PDF版主要讲述的是Jquery easyui 使用说明;感兴趣的朋友可以过来看看。jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的...

    jquery easyUI

    在 HTML 页面中引入 jQuery 和 jQuery EasyUI 的 JS、CSS 文件后,通过简单的 JavaScript 代码就可以创建和配置组件。例如,创建一个数据网格只需一行代码: ```html 数据网格" class="easyui-datagrid"&gt; ``` 然后...

    jQuery EasyUI v1.10.0.zip

    2. **jquery.easyui.min.js**:这是jQuery EasyUI的核心库,经过压缩优化,用于在页面中引入EasyUI的功能。它提供了各种UI组件,如对话框、表单、表格、树形控件、下拉菜单等。 3. **jquery.min.js**:这是jQuery库...

Global site tag (gtag.js) - Google Analytics