`

jquery 的日期时间控件(年月日时分秒)

阅读更多
控件的外观很漂亮,但是需要导入几个jquery的包才行,在IE6中运行稍微有些慢

注:例子中出现的jquery-ui-1.7.3是jquery的插件,包含了日期控件的国际化和一些动画特效,下载地址:http://jqueryui.com/

<!-- 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>
0
2
分享到:
评论
2 楼 tjmljw 2012-06-27  
pengzhaocheng16 写道
这个不是最新的吧,少个js文件


也许是插件jquery-ui-1.7.3不完整,重新下载后再尝试一次吧,若还不行请再联系我。下载地址:http://jqueryui.com/
1 楼 pengzhaocheng16 2012-06-27  
这个不是最新的吧,少个js文件

相关推荐

    ext4 年月时间控件 年月日时间控件 年月日时分秒时间控件

    在EXTJS4中,时间控件是用于用户交互并输入日期和时间的界面元素,它提供了多种选择方式,包括年月选择、年月日选择以及年月日时分秒选择。这些控件在Web应用程序中非常常见,尤其适用于需要用户输入特定日期或时间...

    js日期控件 简单 年月日时分秒多种组合 插件式

    例如,可以只显示年月日,也可以显示到时分秒。 5. **皮肤自定义**:控件允许开发者自由修改皮肤颜色,以适应网站的整体风格。这通常涉及到CSS样式调整,可以通过修改预设的CSS类或者创建新的主题来实现。 6. **...

    多功能jQuery日期控件 jeDate.js 支持年月日时分秒的选择

    jeDate是一款大众化的日期控件,她身兼多职,虽不是万能的,但是她却是功能强大多样的美少女,她除了包含 单双面板、区域选择、 多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒、初始化日期...

    js时间控件年月日时分秒

    "JS时间控件(年月日时分秒)"这个压缩包很可能包含了实现上述功能的源代码,可以供开发者参考学习。通过分析和理解这些代码,你可以了解到如何将上述知识点应用到实际项目中,从而提升你的JavaScript时间控件开发...

    jquery 日历控件 时分秒

    这里我们将深入探讨jQuery中的日历控件,尤其是涉及到“时分秒”功能的实现,以及相关的插件。 标题提到的“jquery 日历控件 时分秒”指的是在网页上集成的日历组件,不仅能够选择日期,还能选择具体的时间,包括...

    Bootstrap-datetimepicker年月日时分秒均可选择

    在“Bootstrap-datetimepicker年月日时分秒均可选择”这一主题中,我们关注的是如何配置和使用这个插件,以便用户可以选择完整的日期(年、月、日)以及时间(小时、分钟和秒)。要实现这一功能,你需要对JavaScript...

    jquery时间控件,年,年月日,年月的区间

    标题中的“jquery时间控件,年,年月日,年月的区间”指的是在前端开发中,使用jQuery库创建的时间选择器,它允许用户选择特定的年份、具体的年月日或者年月的区间。这样的控件在网页表单中非常常见,用于收集用户的...

    年月日时分秒时间控件.rar

    年月日时分秒时间控件是编程领域中常见的用户界面元素,主要用于用户输入或选择特定的时间值。在软件开发中,这样的控件能够提供直观、便捷的方式让用户精确设定日期和时间,通常应用于日程安排、提醒服务或者任何...

    h5时间控件 年月日

    综上所述,"H5时间控件 年月日"涉及到HTML5的原生日期输入元素,以及各种JavaScript库和自定义实现,旨在为用户提供便捷的日期选择功能,同时兼顾浏览器兼容性和移动端适配。通过合理利用这些工具和技术,可以构建出...

    jquery.maskedinput 自定义输入格式,金额,时间,秒,毫秒控件

    jQuery Masked Input插件就是这样一个工具,它允许开发者为文本输入框设定特定的格式,如金额、时间、秒和毫秒等,使得用户在输入时可以得到实时的反馈和提示。本文将深入探讨jQuery Masked Input插件的使用方法和...

    jquery移动端时间控件

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

    年月日时分秒选择器

    "年月日时分秒选择器"就是这样一个专门用于选择完整时间值的工具。 1. **时间选择器的基本功能**: - 年份选择:用户可以选择一个具体的年份,通常范围从过去若干年到未来若干年。 - 月份选择:提供12个月份供...

    js日期控件 格式 年 月 日 时 分 秒

    在标题和描述中提到的“js日期控件 格式 年 月 日 时 分 秒”是一个关于如何在JavaScript中处理日期和时间格式化的问题。下面将详细介绍这个主题,以及如何创建一个简单的日期选择器,并展示如何格式化日期为"年-月-...

    js时间控件(年-月-日 时:分:秒)

    本教程将深入探讨如何创建一个基本的JavaScript时间控件,涵盖年、月、日以及小时、分钟和秒的选取。 一、HTML基础结构 首先,我们需要在HTML页面中创建一个输入框,作为时间控件的占位符: ```html ``` `...

    多功能jQuery日期控件 jeDate.zip

    多功能jQuery日期控件 jeDate.zip 支持年月日,时分秒的选择。 请查看博客讲解:http://blog.csdn.net/TMaskBoy/article/details/51646994

    jeDate日期控件带时分秒日期选择器代码

    **jeDate日期控件**是一款专门用于网页中的日期时间选择的JavaScript插件,它提供了丰富的功能和自定义选项,能够满足各种复杂的日期选择需求。在网页设计和开发中,日期选择控件是不可或缺的一部分,特别是在处理...

    多功能jQuery日期插件jeDate

    jeDate是一款大众化的日期控件,除了包含 单双面板、区域选择、 多语言、日历固定、有效无效日期、日期时间戳转换、日期加减、限制时分秒、初始化日期加减N、日期标注点、设定年月(YYYY-MM)、日期范围限制、开始...

    日期控件Date

    在实现日期控件时,一般需要引入JavaScript库,如jQuery UI的Datepicker,Bootstrap的DateTimePicker,或者更轻量级的Moment.js与Pickadate.js等。这些库提供了丰富的API和配置选项,开发者可以根据需求进行定制。 ...

    Javascript日期时间选择控件

    例如,你可以用`new Date()`创建一个表示当前日期和时间的新实例,或者指定特定的年月日时分秒来创建。`getDate()`、`getMonth()`、`getFullYear()`等方法可以获取日期的各个部分,而`setDate()`、`setMonth()`等则...

    时间控件

    它提供了丰富的自定义选项,如多种展示模式(年月日、时分秒、日期范围等)、多语言支持、格式化日期等功能。开发者可以利用Jedate轻松地在网页中添加交互式时间选择功能。 3. **源码分析**:在学习和使用时间控件...

Global site tag (gtag.js) - Google Analytics