`
空xiao白
  • 浏览: 5127 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

JQuery UI时间控件

阅读更多
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容:IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。

其中日期时间控件的外观很漂亮,但是需要导入几个jquery的包才行,在IE6中运行稍微有些慢
<!-- import package -->
<script type="text/javascript" src="JS/jquery.js"></script>
<script type="text/javascript" src="JS/jquery-ui-1.7.3/ui/jquery-ui-1.7.3.custom.js"></script>
<script type="text/javascript" src="JS/jquery-ui-1.7.3/ui/ui.datepicker.js"></script>
<script type="text/javascript" src="JS/jquery-ui-timepicker-addon.js"></script>
<link type="text/css" href="CSS/jquery-ui-1.7.3/redmond/jquery-ui-1.7.3.custom.css" rel="stylesheet" />
<script type="text/javascript">
	$('#dyStartDateTime').datetimepicker({
		showSecond: true,
		changeMonth: true,
		changeYear: true,
		timeFormat: 'hh:mm:ss',
		dateFormat: 'yy-mm-dd'
	});
	$('#dyEndDateTime').datetimepicker({
		showSecond: true,
		changeMonth: true,
		changeYear: true,
		timeFormat: 'hh:mm:ss',
		dateFormat: 'yy-mm-dd'
	});
</script>
分享到:
评论

相关推荐

    jQuery UI 时间控件 附i18n包

    基于jQuery UI的一款优秀的时间控件,可以自定义i18n信息哦(jquery-ui-timepicker-addon-i18n.js),引用全套(jquery-1.11.3.js;jquery-ui.js;jquery-ui-timepicker-addon.js;jquery-ui-timepicker-addon-i18n.js;...

    jquery-ui控件

    **jQuery UI:构建交互式网页的强大工具** jQuery UI 是一个基于 jQuery JavaScript 库的扩展,提供了...无论你是创建日期选择器、时间选择器,还是需要更复杂的交互控件,jQuery UI 都能提供高效且灵活的解决方案。

    jquery_ui日历控件

    其中,jQuery UI 日历控件(Calendar Widget)是一个非常流行的功能,它允许开发者在网页上添加美观且功能齐全的日历显示和选择功能。这个控件广泛应用于日期输入、事件管理以及时间安排等多种场景。 首先,我们来...

    jquery 日期时间控件

    常见的jQuery日期时间控件有jQuery UI的DatePicker、Bootstrap DateTimePicker、Pickadate.js等。这里以Bootstrap DateTimePicker为例,因为它不仅外观美观,而且功能强大,支持多种语言和自定义配置。 首先,你...

    jqueryUI日期控件和时间控件-附件资源

    jqueryUI日期控件和时间控件-附件资源

    jquery jquery控件 时间控件 时分秒控件

    在本文中,我们将深入探讨jQuery时间控件,特别是那些能够显示和选择时、分、秒的控件。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。时间控件在Web应用中非常常见,...

    JqueryUI 日期控件

    **jQuery UI 日期控件详解** 在Web开发中,日期选择功能是不可或缺的一部分,尤其是在处理用户输入日期数据的场景下。jQuery UI库提供了一个强大的、易于使用的日期选择器控件,它大大简化了在网页上添加日期选择...

    JQueryUI,EasyUI一些控件的使用

    总结起来,JQueryUI和EasyUI都是强大的前端开发工具,它们提供了一系列预封装的UI控件,帮助开发者快速构建美观且交互性强的Web应用。无论你是选择JQueryUI的丰富组件和主题定制,还是EasyUI的轻量级和易用性,都...

    Jquery时间日期控件[修改][日期时间-日期-时间]

    在日期时间控件方面,jQuery提供了一些插件,如jQuery UI的Datepicker和Bootstrap DateTimePicker,这些插件能够帮助开发者轻松创建用户友好的时间日期选择器。 1. **jQuery UI Datepicker**: 这是jQuery的一个核心...

    jqueryui 日期控件demo

    **jQuery UI 日期选择器(Datepicker)控件** jQuery UI 是一个强大的 JavaScript 库,它扩展了 jQuery 的功能,提供了丰富的用户界面组件。在这些组件中,日期选择器(Datepicker)是一个非常常用且实用的功能,常...

    jquery时间控件时分秒

    而"jquery时间控件时分秒"是jQuery的一个扩展插件,用于创建用户友好的时间选择器,帮助用户方便地输入或选择时间,通常用于表单中的时间输入字段。这种控件在许多场合都非常实用,比如预订系统、日程安排或时间跟踪...

    jQuery_UI控件

    《jQuery UI控件详解》 jQuery UI 是一个基于jQuery库的开源项目,它提供了一系列丰富的交互式用户界面组件,使得Web开发者能够轻松地创建出功能强大且美观的网页应用。这些控件涵盖了从基本的布局元素到复杂的交互...

    一个jQueryUI时间选择器

    **jQuery UI 时间选择器详解** 在网页开发中,用户界面的交互性和易用性是至关重要的,而日期和时间选择器则是提升用户体验的一种常见方法。jQuery UI 提供了一个功能强大的时间选择器组件,使得开发者可以轻松地在...

    jquery-ui-1.8.14.custom J-UI日历控件

    《jQuery UI 1.8.14 自定义日历控件详解》 jQuery UI 是一个基于 jQuery 的开源库,提供了丰富的用户界面组件,包括我们今天要讨论的重点——日历控件。在“jquery-ui-1.8.14.custom”这个压缩包中,包含了构建...

    bootstrap&jQueryUI例子

    在"bootstrap&jQueryUI例子"这个压缩包中,可能包含的是结合了这两个框架的示例代码或项目。这些示例通常会展示如何在同一个页面中有效地利用 Bootstrap 的布局和样式,同时引入 jQuery UI 的组件,实现更复杂的用户...

    jquery漂亮日期控件 jquery美化

    而“jQuery漂亮日期控件”则是在jQuery基础上,为网页添加美观、用户友好的日期选择功能。这类控件通常会提供自定义样式,易于使用的接口,以及多种显示和交互模式,提升用户在输入或选择日期时的体验。 标题中的...

    jQuery UI组件 jQuery UI

    **jQuery UI组件详解** jQuery UI 是一个强大的前端开发框架,基于流行的JavaScript库jQuery构建,它提供了丰富的用户界面组件,能够帮助开发者快速构建交互性、视觉吸引力强的网页应用。jQuery UI 包含了大量的...

    jquery的时间控件,手把手教你

    jQuery时间控件通常通过插件实现,例如jQuery UI的DateTimePicker或者Bootstrap Timepicker等。 **jQuery UI DateTimePicker** jQuery UI是一个扩展jQuery的功能库,包含了许多UI组件,其中包括DateTimePicker。要...

    jquery 时间控件实例

    首先,我们需要了解jQuery的时间控件主要有两种类型:下拉式时间和滑动式时间选择器。下拉式时间控件通常由小时和分钟的下拉菜单组成,用户通过选择菜单中的选项来设定时间。滑动式时间选择器则提供一种更现代的触摸...

    jquery移动端时间控件

    "jQuery移动端时间控件"就是为了满足这种需求而设计的,它允许用户方便地选择日期、时间和日期时间组合,适用于多种场景。 首先,我们要理解jQuery是什么。jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...

Global site tag (gtag.js) - Google Analytics