欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

lhgcalendar时间范围选择

程序员文章站 2022-06-07 13:19:39
...

        最近所做的一个项目用到了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>