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>