`
jsntghf
  • 浏览: 2526164 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

基于JQuery的日历控件

阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <link href="calendar.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="cal.js"></script>
    <script type="text/javascript">
      jQuery(document).ready(function () {	
        $('input.one').simpleDatepicker();
        $('input.two').simpleDatepicker({ startdate: 2008, enddate: 2012 });
        $('input.three').simpleDatepicker({ chosendate: '9/9/2010', startdate: '6/10/2008', enddate: '7/20/2011' });
        $('input.four').simpleDatepicker({ x: 45, y: 3 });
      });
    </script>
  </head>
  <body>
    <p><input class="one" type="text" name="date" value="" />
      <input class="two" type="text" name="date" value="" />
      <input class="three" type="text" name="date" value="" /></p>
    <p><input class="four" type="text" name="date" value="" />
      <input class="four" type="text" name="date" value="" />
      <input class="four" type="text" name="date" value="" /></p>
  </body>
</html>

 

示例图:

 

具体可参考附件。

  • cal.rar (23.4 KB)
  • 下载次数: 27
分享到:
评论

相关推荐

    JQuery日历控件 .

    JQuery日历控件通常是基于JQuery UI库的一个插件。JQuery UI是JQuery的扩展,提供了许多可自定义的用户界面元素,包括拖放功能、对话框、滑块、进度条等,而日历控件就是其中之一。通过引入JQuery UI库,我们可以...

    jquery 日历控件 时分秒

    而如果想要一个轻量级且可高度定制的解决方案,那么基础的jQuery日历控件可能更合适,可以通过自定义代码来添加时分秒选择功能。对于视觉体验要求较高的项目,可以考虑结合使用日历控件和jQuery图片效果来提升界面...

    日历控件(Jquery)

    在网页开发中,日历控件是...总的来说,jQuery日历控件通过便捷的API和丰富的插件,为开发者提供了构建高效、美观日期选择功能的解决方案。理解并熟练运用这些控件,能够显著提升用户体验,使网页应用更加互动和实用。

    jquery兼容所有浏览器双日历控件

    该日历控件基于jQuery库,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。通过jQuery,开发者可以更容易地实现复杂的网页效果,而无需关注底层的浏览器差异。这个双日历...

    jquery日历控件优化

    针对中国的使用习惯,对jQuery日历控件进行优化是提高用户体验的重要环节。"jquery日历控件优化"这个主题主要涉及到将原本的日历控件转化为更适合中国用户使用的版本。 首先,优化的核心在于本地化(Localization)...

    Jquery日历控件源码

    而“Jquery日历控件”则是基于jQuery开发的一种用户界面组件,用于显示日期并进行日期选择,常用于网页上的日期输入或时间规划功能。这种控件在网页应用中十分常见,例如在预订系统、日程管理或者时间记录等场景。 ...

    4个很漂亮且功能强大的Jquery日历控件

    在本篇文章中,我们将探讨四个在GitHub上备受推崇的Jquery日历控件,它们不仅美观,而且功能强大,能够满足各种项目需求。 1. **Jquery日历控件(轻量级,无法设置startDate endDate)** 这个轻量级的日历控件专注...

    JQuery日历控件

    **jQuery日历控件**是一种常见的前端开发工具,用于在网页上展示日期选择功能,它大大简化了在网页中添加交互式日历的过程。在给定的信息中,我们可以看到几个关键文件,它们共同构成了这个jQuery日历插件的组成部分...

    JQuery日历控件(完美版)

    《JQuery日历控件(完美版)》是一款专为前端开发者设计的高效、兼容性强的日历插件,尤其适用于需要在网页上实现日期选择功能的项目。它以jQuery库为基础,大大简化了日历功能的开发过程,使得开发者能够快速、方便...

    带时间的jquery日历控件

    带时间的jquery日历控件 调用方法: &lt;script src="./public/js/jquery-ui-1.10.3.min.js"&gt; &lt;script src="./public/js/jquery.datepicker-zh-CN.js"&gt;&lt;/script&gt; &lt;script src="./public/js/jquery-ui-timepicker-addon....

    jQuery-日历控件

    jQuery UI Datepicker是一款广泛应用于网页开发中的日历控件,它是jQuery UI库的一部分,提供了丰富的功能和高度的可定制性,使得网页上的日期选择变得既美观又实用。这个控件可以轻松集成到任何HTML页面中,只需...

    JQUERY日历控件

    jQuery日历控件是jQuery库中的一个组件,用于在网页上添加日期选择功能,通常用于表单输入或者时间相关的应用程序。这个控件以用户友好、样式灵活和易于集成的特点受到开发者们的欢迎。 jQuery日历控件的源码分析:...

    jQuery实现的简易日历控件

    之前我们已经分享过不少基于jQuery的日历控件了,比如jQuery多功能日历插件 带事件记录功能就非常经典。今天要介绍的也是一款基于jQuery的日历控件,这款日历控件非常简易,鼠标点击输入框时即可弹出日历选择日期,...

    jquery的日历控件控件代码

    首先,jQuery日历控件是网页应用程序中常见的用户界面元素,它允许用户方便地选择日期,常用于表单输入或者时间相关的功能。这个控件的关键在于其跨浏览器兼容性,确保在不同的Web浏览器上能正常工作,包括IE和Fire...

    jquery_ui日历控件

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

    Jquery 日历控件

    jQuery日历控件,通常被称为DatePicker,是前端开发中常用的一种组件,用于在网页上显示日期选择器。这个控件是jQuery库的一个扩展,它极大地简化了在网页中添加交互式日期选择功能的过程。在本篇文章中,我们将深入...

    基于JQUERY的日历控件

    基于JQUERY的日历控件 思路结构清晰,可供学习使用

    js&jquery日历控件集合.7z

    在这个名为 "js&jquery日历控件集合.7z" 的压缩包中,我们很显然会发现一系列用于创建日历功能的资源,这些控件可以帮助开发者在网页上添加日期选择功能,提升用户体验。 日历控件是网页应用中常见的一种组件,通常...

    jQuery日历控件

    jQuery日历控件是网页开发中常用的一种交互组件,它能为用户提供直观的日历选择功能,简化日期输入操作。在Web应用中,日历控件通常用于表单中的日期输入,比如预订系统、事件安排或者任务管理等。jQuery库的强大和...

Global site tag (gtag.js) - Google Analytics