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

好用的日期插件-My97DatePicker

 
阅读更多

下面是一个日期插件My97DatePicker的示例：

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>jQuery学习 第一部分</title>
    <script type="text/javascript" src="js/date/WdatePicker.js"></script>
    <style type="text/css">
    html,body{
    	font-size: 13px;
    	font: normal;
    }
    table{
    	font-size: 13px;
    }
    </style>
  </head>
  
  <body>
  好用的日期插件My97DatePicker，下面是日期选择范围的示例，包括设定日期选择的起始日期、日期的格式化以及日期的最大值<br/>
  <table>
  	<tbody>
  		<tr>
  			<th>开始日期</th>
  			<td>
  				<input type="text" id="beginDate" readonly="readonly" name="endDate" class="Wdate"
              		onclick="WdatePicker({startDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'endDate\')}'} )"/>
  			</td>
  		</tr>
  		<tr>
  			<th>结束日期</th>
  			<td>
  				<input type="text" id="endDate" readonly="readonly" name="endDate" class="Wdate" 
              		onclick="WdatePicker({startDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'beginDate\')}'})"/>
  			</td>
  		</tr>
  	</tbody>
  </table>
  </body>
</html>

 

效果截图：

日期插件效果截图

 

注意看，在选择结束日期时，在开始日期之前的日期都变成灰色，即不可选了，这样确保你选择的结束日期始终大于开始日期。

  • 大小: 25.7 KB
0
顶
1
踩
分享到：
| jQuery小例子-1
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    很好用的日期插件My97DatePicker

    My97DatePicker是一款在中国开发者中广泛应用的日期选择插件，尤其在Web开发中，它以其易用性、灵活性和高效性赢得了广泛赞誉。这款插件的主要功能是为用户提供一个直观的日期选择界面，使得用户在网页上输入日期时...

    日历控件-My97DatePicker-4.7

    总之，My97DatePicker是一个功能强大且易于使用的日历插件，无论是在简单的日期输入还是复杂的日期操作场景下，都能为开发者提供便利。通过深入理解和熟练运用，可以提升网页的交互体验，让用户的日期选择更加轻松...

    My97DatePicker日期插件

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件，由王文杰（Wang Wenjie）开发。这款插件以其强大的功能、易用性和高度的可定制性而备受青睐，广泛应用于网页表单中，为用户提供友好且直观的日期...

    My97DatePicker使用 日期获取

    My97 DatePicker是一款非常流行的JavaScript日期选择插件，尤其在Web开发中被广泛使用。它提供了丰富的自定义功能和友好的用户界面，使得在网页上处理日期输入变得更加简单。本文将详细介绍如何利用My97 DatePicker...

    最好的日历控件--My97DatePicker

    总结，My97 DatePicker 作为一款优秀的日历插件，不仅提供了基础的日期选择功能，还具备丰富的定制选项和扩展性，是开发中值得信赖的工具。通过深入理解其源码和使用方法，开发者可以轻松地将其整合到自己的项目中，...

    日期插件之My97DatePicker

    2. 在需要使用的页面中导入css[My97DatePicker/skin/WdatePicker.css]、js[My97DatePicker/WdatePicker.js] 3. 在该页面的标签中添加class 和 onfocus属性 [class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-...

    时间选择插件My97DatePicker 插件

    总结来说，My97DatePicker是一个功能强大、易用性高、可定制性强的时间选择插件，适用于各种需要日期输入的网页应用。通过熟练掌握它的使用，开发者可以提升用户体验，简化开发流程，提高工作效率。无论是初学者还是...

    My97DatePicker前端日期插件

    My97DatePicker是一款广泛应用于前端开发中的日期选择插件，主要特点是其简洁的用户界面和强大的功能特性。这款插件由国内开发者设计，为网页表单中的日期输入提供了方便、高效的解决方案，尤其适用于需要日期验证的...

    季度js插件（基于My97DatePicker）

    【季度js插件（基于My97DatePicker）】是一款针对日期选择功能进行二次开发的JavaScript插件，它在原生的My97DatePicker基础上进行了扩展，以满足用户更具体的需求，特别是针对季度选择的场景。My97DatePicker是一款...

    My97DatePicker使用说明文档及插件

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件，尤其在Web开发中，它以其易用性、灵活性和丰富的自定义选项而受到开发者们的欢迎。这个插件为网页中的日期输入提供了用户友好的界面，使得用户可以...

    日期控件My97DatePicker

    总的来说，My97DatePicker作为一个强大的JavaScript日期插件，极大地简化了网页日期输入的实现，提高了用户体验，同时也为开发者提供了丰富的定制选项，使得日期控件能够无缝融入到各种类型的项目中。

    js日历中文插件My97DatePicker

    My97DatePicker是一款广泛使用的JavaScript日历插件，它为网页开发者提供了强大的日期选择功能，让用户在网页上能够方便地进行日期输入。这款插件以其易用性、灵活性和高度可定制性而受到青睐，尤其适合需要处理日期...

    My97DatePicker 选择季度功能

    My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件，尤其在Web开发中，它以其强大的功能和良好的用户体验而受到青睐。在这个特定的场景中，我们关注的是如何利用My97DatePicker来实现选择季度的功能。 ...

    MY97datepicker.rar

    MY97DatePicker是一款广受欢迎的JavaScript日期选择器插件，尤其在个人开发者和企业项目中得到了广泛应用。下面我们将深入探讨MY97DatePicker的特点、功能以及如何在项目中集成和使用。 MY97DatePicker是由MY97团队...

    My97DatePicker日期插件，使用简单方便

    My97DatePicker是一款广泛应用于网页开发中的...总之，My97DatePicker凭借其易用性和灵活性，成为了许多开发者的首选日期插件。无论你是新手还是经验丰富的开发者，都能快速地将它集成到项目中，提升网页的交互体验。

    My97DatePicker

    在网页开发中，日期和时间的选择常常是一项必不可少的功能，而My97 DatePicker则是一款高效、易用且功能丰富的JavaScript时间插件，专为网页设计者提供日期选择解决方案。这款插件以其直观的用户界面和灵活的配置...

    My97DatePicker 时间选择插件

    My97DatePicker是一款广泛应用于网页开发中的时间选择插件，尤其在处理日期和时间输入时提供了极大的便利。这款插件以其高效、易用和高度可定制性而深受开发者喜爱。以下将详细介绍My97DatePicker的核心功能、特点...

    js日期插件My97DatePicker

    My97DatePicker是一款广泛使用的JavaScript日期选择插件，它为网页开发者提供了强大的日期选择功能，使得用户可以在网页上方便地进行日期输入。这款插件以其易用性、灵活性和丰富的自定义选项而受到青睐。 首先，My...

    My97DatePicker js的时间日期控件

    My97DatePicker是一款广泛应用于Web开发中的JavaScript时间日期选择插件，它为用户提供了便捷的日期选择界面，极大地提高了用户体验。这款控件以其强大的功能、灵活的配置选项以及良好的兼容性，深受开发者喜爱。 ...

    My97DatePicker插件下载

    My97DatePicker是一款广泛应用于网页开发中的日期选择插件，其主要功能是为HTML文本框提供一个美观、易用的日历界面，用户只需点击输入框，就能弹出一个日历，方便选择日期。这款插件以其高效、自定义性强的特点，在...

Magicbox
Global site tag (gtag.js) - Google Analytics