`
陈同兵
  • 浏览: 11602 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

lhgcalendar时间范围选择

阅读更多

        最近所做的一个项目用到了lhgcalendar时间控件,需要进行时间范围选择,就是那个前面日期不能大于后面日期的这个。

        解决方案一:http://www.rainweb.cn/article/197.html,这里面的这个会很容易做出来的,很容易接受。

        解决方案二:利用从lhgcalendar官网下载来的案例来做。它所提供的写法为:

<pre class="prettyprint" id="demo_inp10">
$.calendar({ maxDate:'#inp12' });
</pre>
<pre class="prettyprint" id="demo_inp11">
$.calendar({ minDate:'#inp11' });
</pre>
<p>有效期从
   <input class="runcode" id="inp11" name="demo_inp10"/>
   到
   <input class="runcode" id="inp12" type="text" name="demo_inp11"/>
</p>

        可以看到,这里面使用了<pre>标签,而且它还有id来着,在我们的实际代码中肯定不能这样。可以这样:

<th>编写时间:</th>
	<td>
	<input id="startWritetime" onclick="$.calendar({ maxDate:'#endWritetime' });" 
        type="text" name="" value="<s:date name='startWritetime' format="yyyy-MM-dd"/>"/>
	</td>
<th>到</th>
	<td><input id="endWritetime" onclick="$.calendar({ minDate:'#startWritetime' });"
        type="text" name="" value="<s:date name='endWritetime' format="yyyy-MM-dd"/>"/>
	</td>

 

分享到:
评论

相关推荐

    lhgcalendar-日期选择控件(js控件-实例)

    - 可以设置日期范围限制,防止用户选择超出指定范围的日期。 - 支持多语言,包括中文、英文等,方便国际化应用。 - 具有事件监听机制,可以响应用户的日期选择行为。 2. **安装与引入**: - 下载lhgcalendar...

    lhgcalendar 时间控件

    《lhgcalendar时间控件:JS实现的高效日历组件》 lhgcalendar是一款基于JavaScript的时间控件,它为Web应用程序提供了丰富的日期选择功能,使得用户可以方便地在网页上进行日期和时间的选择操作。这款控件以其轻量...

    lhgcalendar时间插件demo

    lhgcalendar lhgcalendar js&quot;&gt;&lt; script&gt; &lt; head&gt; &lt;body&gt; &lt;div&gt; &lt;input type &quot;text&quot; id &quot;c5&quot; onclick &quot;J calendar get ;&quot; &gt;&amp;nbsp...

    万里表(lhgcalendar),很强大

    【万里表(lhgcalendar)】是一款在.NET平台上运行的强大日历控件,它提供了丰富的功能,便于开发者在应用程序中实现复杂的时间管理与日期选择需求。这款控件的最大亮点是其高度的灵活性和动态性,允许开发人员根据...

    lhgcalendar_jb51 jquery日期插件

    同时,它还具备日期范围限制功能,可以设定用户只能选择在特定范围内的时间,这对于预订系统或者数据输入场景非常有用。 此插件还具备强大的事件处理机制,包括但不限于“日期选择”、“日历关闭”、“日历显示”等...

    lhgcalendar时间插件限制只能选择三个月的实现方法

    在本文中,我们将深入探讨如何使用lhgcalendar时间插件来限制用户只能选择三个月的日期范围。lhgcalendar是一款常见的JavaScript日历插件,它提供了一种方便的方式来展示和选择日期,广泛应用于网页表单中。为了实现...

    基于jquery的日历控件lhgCalendar

    大部分日期控件都具备功能如:带时间显示,自定义格式,自动纠错,操作按钮自定义,支持多种调用模式等,lhgCalendar在这些方面做得更全面,更人性化,并且速度一流。 跨平台兼容特性 兼容:IE6+、Firefox、Chrome、Safari...

    功能最全的jsp日期控件lhgcalendar

    非常好用的JSP日历控件,功能强大。 还可以实现: ...只能选择2009-8-8以前的日期 只能选择2009-8-18以后的日期 6.能够限制2个文本框,前面的日期不能大于后面的日期,后面的不能小于前面的日期。

    jQuery日期日历选择器插件自定义多种日期选择

    这种插件通常包含多种选择模式,如单选、多选、日期范围选择等,以满足不同场景的需求。 在描述中提到的"jQuery日期日历选择器插件自定义多种日期选择",这可能意味着该插件允许开发者根据项目需求进行定制。例如,...

    常规弹出日历示例页

    1. 在控件下面或右面弹出日历组件(默认是在下面弹出) 2. 通过按钮或图片等其它控件弹出日历组件 3. 显示日期的2种格式(默认为 年-月-日 格式) 4. 在文本框显示带时间的日期 5. 日期范围限制

    lhgcalendar.zip

    功能描述: 1. 在控件下面或右面弹出日历组件(默认是在下面弹出) 2. 通过按钮或图片等其它控件弹出日历组件 3. 显示日期的2种格式(默认为 年-月-日 格式) 4. 在文本框显示带时间的日期 5. 日期范围限制

    lhgcalendarJs日历组件,日期选择器插件

    内容索引:脚本资源,Ajax/JavaScript,lhgcalendar,Js日历组件,日期选择器 lhgcalendar日历组件分jQuery方式和普通函数式,具备大部分日期控件都具备功能如:带时间显示,自定义格式,自动纠错,操作按钮自定义,支持多种...

    支持大部分日历格式

    3. **多场景应用**: 插件的适用范围广泛,无论是个人日常管理,还是团队协作,或者大型项目管理,都可以通过自定义配置适应不同需求。 从提供的压缩包子文件的文件名称来看,我们可以推测一些可能的用途和相关资源...

    两类日历控件,样式多样

    - **日期选择**:支持单选、多选、日期范围选择等多种选择模式。 - **事件标记**:可以在特定日期上添加标记,以表示特殊事件或提醒。 - **禁用日期**:可以设置某些日期为不可选,例如过去的日期或周末。 - **...

    很好用的JS日期控件

    在JavaScript的世界里,日期控件是一种常见的用户界面组件,它允许用户方便地选择日期,常用于表单输入、日历应用或时间管理类网站。在本案例中,我们讨论的是一个名为“lhgcalendar”的JS日期控件,它在JSP页面中被...

    JS+CSS日历控件

    在CSS方面,开发者可以自定义`.lhgcalendar`等相关类的选择器,以满足自己的定制需求。例如,改变日历的背景颜色: ```css .lhgcalendar { background-color: #f5f5f5; } ``` 总的来说,JS+CSS日历控件是Web开发...

    一个不错的html日历组件,有多种皮肤

    开发者可以通过修改或扩展这个JS文件来增加额外的功能,如日期范围选择、禁用特定日期等。 `_samples.html`文件是示例代码,它展示了如何在实际项目中集成和使用这个日历组件。通常,这个文件会包含HTML、CSS和...

    date 日期空间

    2. **lhgcalendar-3.0.0.rar** - LhgCalendar是另一个JavaScript日历插件,可能是轻量级且易于使用的。版本3.0.0可能引入了一些新特性或性能改进。 3. **fullcalendar-1.5.3.zip** - FullCalendar是一个强大的...

    日历控件

    在软件开发中,日历控件是一个常用且实用的功能,它广泛应用于日程管理、时间选择等多种场景。本篇文章将深入探讨“日历控件”这一主题,通过分析源码和使用相关工具,为开发者提供更全面的理解和应用指南。 首先,...

Global site tag (gtag.js) - Google Analytics