`
yangsongjing
  • 浏览: 248113 次
  • 性别: Icon_minigender_1
  • 来自: 湖南
社区版块
存档分类
最新评论

easyui - datebox

阅读更多
日期控件datebox

html:
<input id="createDate1" class="easyui-datebox" name="messageState.createDate" type="text">
js:
$("#createDate1").datebox({
required:true
});
这里显示的时间是英语的,如果要获得标准的YYYY-mm-dd 还需要导入:
<script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js"></script>

这样便能自己转换了。
   当然还有两种方式可以自己去转换格式的:一个是formatter  一个是parser
具体 用户api写得很清楚了。
然后在js取值的话也很简单 $("#createDate1").datebox('getValue'); 这样就能取到了,然后$("#createDate1").val(); 也能取到。


1
1
分享到:
评论

相关推荐

    更改easyui-datebox日期格式

    解决easyui-datebox日期格式,只需引入此包即可,不需改源码

    easyui的datebox限定范围

    在使用EasyUI框架进行前端开发时,DateBox组件是一个非常常用的日期选择工具,它提供了方便的日期输入和选择功能。本篇文章将详细讲解如何利用EasyUI的DateBox组件设定日期范围,确保用户选择的开始时间和结束时间...

    给Easyui-Datebox设置隐藏或者不可用的解决方法

    最近我在做一个安全监测系统,选择了用easyui进行搭建,easyui是一种基于jQuery的用户界面插件集合。使用easyui可以省去很多代码,功能上需要加...下面小编给大家介绍下给Easyui-Datebox设置隐藏或者不可用的解决方法

    easyui 日期选择器

    &lt;input type="text" class="easyui-datebox" data-options="formatter:'yyyy-MM-dd', parser:function(date){return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate();}"&gt; ``` ### 3. 自定义样式 ...

    easyui-lang-zh_cn.js下载的方法

    EasyUI修改DateBox和DateTimeBox的默认日期格式,easyui日期出现英文的情况下加载中文的方法

    jquery easyui 周历 周选择下拉控件

    首先,jQuery EasyUI提供了一套完整的日期选择器(datebox)和日期时间选择器(datetimebox),但它们默认并不支持直接选择一周。为了满足周选择的需求,我们需要对原有的控件进行扩展和改造。这个"周历 周选择下拉...

    jquery-easyui-1.3.2 demo

    EasyUI 的核心在于其组件库,这些组件包括数据网格(datagrid)、下拉树(combotree)、日期选择器(datebox)、对话框(dialog)、菜单(menu)等,它们使得网页界面的构建变得直观而高效。在 "jquery-easyui-1.3.2...

    easyui 日期控件选择到月份

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

    jQuery EasyUI jquery-easyui-1.5.5.6

    8. `plugins`目录:这里可能包含jQuery EasyUI的扩展插件,如日期选择器(datebox)、时间选择器(timespinner)等。 9. `locale`目录:包含不同语言的本地化文件,使得jQuery EasyUI可以支持多语言环境。 10. `...

    easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码

    EasyUI的Datebox组件是一个常用的日期选择器,能够方便地集成到网页中,为用户提供日期选择的功能。本文将详细介绍如何使用EasyUI Datebox设置时间限制,包括开始时间与结束时间的关联限制,以及确保截止日期始终...

    EasyUI修改DateBox和DateTimeBox的默认日期格式示例

    在 EasyUI 中,DateBox 和 DateTimeBox 是两个常用的日期选择控件,它们提供了方便的方式来输入和显示日期或日期时间信息。这两款控件在功能上非常相似,主要的区别在于 DateTimeBox 还包含了时间部分。 DateBox ...

    easyui textbox失去焦点事件及获取文本框的内容

    EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件,它提供了许多实用的功能,如文本框失去焦点事件和获取文本框内容等。下面我们将详细介绍EasyUI文本框失去焦点事件和获取文本框...

    jquery-easyui-1.8

    2. **表单(Form)**:EasyUI 提供了多种表单元素,如输入框(input)、下拉框(combobox)、日期选择器(datebox)等,并且支持数据验证和提交操作。通过设置 `form` 标签的 `url` 属性,可以实现与后端的交互,...

    jquery-easyui-1.4.2.zip + 中文API

    jQuery EasyUI 1.4.2 版本在保持原有功能稳定性的基础上,对 DateBox 功能进行了优化,并提供了丰富的图片资源。通过理解并掌握这些新特性,开发者能够更好地利用 EasyUI 构建出更加高效、美观的 Web 应用程序。同时...

    jquery-easyui-1.3.2+中文文档

    13. **时间选择器(DateBox)**: 提供日历视图,方便用户选择日期。 14. **验证(Validator)**: 自动验证表单输入,确保数据的正确性。 此外,`EasyUI官方API中文版.exe` 提供了完整的中文文档,包括组件的使用...

    jquery-easyui-1.4.4

    `jquery.ui.datebox.min.js` 等其他文件可能包含特定组件的扩展或增强功能。这些文件需要在 HTML 中引入,以便在页面上使用 EasyUI。 3. **示例案例**:`examples` 目录通常包含了各种组件的使用示例,可以帮助...

    jQuery EasyUI中的日期控件DateBox修改方法

    在jQuery EasyUI框架中,DateBox是一个非常实用的日期选择控件,它允许用户方便地选取日期,并且可以自定义显示样式和格式。在本文中,我们将深入探讨如何修改DateBox的一些关键设置,以适应不同的需求。 首先,...

    Jquery EasyUI 日历Demo

    $('.easyui-datebox').datebox('setValue', '2022-01-01'); // 设置最小日期和最大日期 $('.easyui-datebox').datebox({ formatter: function(date){ return date.getFullYear() +'-'+ (date.getMonth()+1) +'...

    jquery-easyui-1.3.2

    6. 其他组件:除了上述组件,jQuery EasyUI还包含许多其他有用的组件,如日期选择器(DateBox)、时间选择器(TimeBox)、滑块(Slider)、进度条(ProgressBar)等,满足各种UI需求。 使用jQuery EasyUI,开发者...

Global site tag (gtag.js) - Google Analytics