结束日期必须大于开始日期－－My97DatePicker日历控制的又一方便之处

在做时间查询时，有时需要两个日期，从一个日期到另外一个日期的那种，但是这样会有一个问题，比如后者的结束日期晚于开始日期怎么办？用JS写验证，麻烦，呵呵，用这个日历控件，可方便实现结束日期只显示开始日期之后的日期，具体的参看以下效果图：

比如我选择开始日期是7月28，那结束的日期将只能从7月28日后面的日期里来选择，省去了我们JS验证结束日期小于开始日期的麻烦。

具体代码如下：

开始日期的input id = "startDate"

结束日期的input id = "endDate"

日期　从：<input id="startDate" class="Wdate" type="text" onFocus="var endDate=$dp.$(‘endDate‘);WdatePicker({onpicked:function(){endDate.focus();},maxDate:‘#F{$dp.$D(\‘endDate\‘)}‘})"/> 至 <input id="endDate" class="Wdate" type="text" onFocus="WdatePicker({minDate:‘#F{$dp.$D(\‘startDate\‘)}‘})"/>

结束日期必须大于开始日期－－My97DatePicker日历控制的又一方便之处,布布扣,bubuko.com

时间： 2024-07-31 00:23:39

结束日期必须大于开始日期－－My97DatePicker日历控制的又一方便之处的相关文章

My97DatePicker日历控制按日、按周和按月选择

1.设计源码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>日历控件</title> <m

My97DatePicker日历插件特殊日期做标记的使用

最近项目中有用到日历表,针对特殊日期做标记.项目中需求是查询到本月有录像则在对应日期做标记.项目中使用到了jQuery的My97DatePicker日历插件. 下面就介绍下如何使用My97DatePicker日历插件及实现对应功能. 一.项目中引入My97DatePicker包 二.jsp页面中引入WdatePicker.js <script type="text/javascript" src="/common/js/My97DatePicker/WdatePicke

WdatePicker 开始日期不能大于结束日期，结束时间不能小于开始时间

<input class="input_calendar inputcss" id="startDate" runat="server" type="text" onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'endDate\')||\'2120-10-01\'}'})" style="height: 30px; width: 153px;"/

bootstrapValidator多字段联合验证（如开始日期和结束日期中，开始日期不可晚于结束日期）

接触bootstrapvalidator时间不久,最近需要多个字段共同验证,网上查了一下未找到,查阅api文档,发现确实可以实现. 先看dom <div class="form-group"> <label class="col-sm-3 control-label">起止年限:</label> <div class="col-sm-9 row"> <div class="col-x

My97DatePicker日历插件

My97DatePicker具有强大的日期功能,能限制日期范围,对于编写双日历比较简便. 注意事项: My97DatePicker目录是一个整体,不可以破坏 My97DatePicker.html 是必须的文件 不可以删除 各个目录及文件的用途 WdatePicker.js  配置文件 可多个共存 config.js 语言和皮肤配置文件 (可以不引入) calendar.js 日期库主文件(可以不引入) 1.正常调用 <input id="demo1" type="te

My97DatePicker日历的平面显示，不是文本框点击事件后显示

二. 功能及示例 2. 特色功能 平面显示 日期控件支持平面显示功能,只要设置一下eCont属性就可以把它当作日历来使用了,无需触发条件,直接显示在页面上 示例2-1 平面显示演示 <div id="div1"></div> <script> WdatePicker({eCont:'div1',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}}) </script>

获取周 星期 的第一天 最后一天 或者 月的 日期（字符串转日期，日期转字符串，日期加减）

获取周的第一天,最后一天 System.out.println(getStartEndDate("2016-05-01", 1)); 获取星期的第一天和最后一天 System.out.println(getStartEndDate("2016-05-01", 0)); public static String getStartEndDate(String aDay, int type) { SimpleDateFormat df = new SimpleDateFo

日期（字符串转日期，日期转字符串，日期加减）

这几天在研究字符串与指定类型的转换,阴差阳错地研究起 java 的日期应用了,记录下来,希望你有帮助. 根据指定格式的字符串,转换为 Date(可研究根据指定格式的字符串,转化为其他指定的类型,如 json 转换为 javaBean) 需要使用到的特殊类:import java.text.ParsePosition;     /**      * <p>Parses a string representing a date by trying a variety of different pa

javascript日期验证:填写的日期大于等于当前日期

<script> $(function () { var d = new Date(); var strDate = getDateStr(d); $("#beginTime").val(strDate); $("#endTime").val(strDate); //$("#beginTime").val("2015-10-10"); $("#beginTime").change(functio