`

my97 通过js动态设置日期最大值最小值

    博客分类:
  • my97
阅读更多

场景:最近在做一个日期年份的限制,比如文本框输入2013年,弹出的my91控件限制在2013年,想到用最大值最小值限制,这里参照的是my97说明文档,把该问题记录下来以便于以后参考。

 

首先js:

function minValue(){
 var year=$("#year").val();
 return year+'-01-01';//打得到该年的最小一天,当然是1月1日
}

 

 

function maxValue(){
  var year=$("#year").val();
  /*var month=12;
 var date = new Date(year,month,1);             //取当年当月中的第一天     
 var lastday=new Date(date.getTime()-1000*60*60*24).getDate();  
 alert(year+"-"+month+"-"+lastday); */
 return year+'-'+12+'-'+31;  //得到该年 最后一天 当然是12月31日。如果给定月的最后一天则用上面代码
}

 

html 三个日期输入框 分别是:

<input  style="width:80px" id="year" name="s.YEAR" onfocus="WdatePicker({dateFmt:'yyyy'})" />

<input  id="HOLIDAYS_STARTTIME"  onfocus="var min=minValue();var max=maxValue();WdatePicker({dateFmt:'yyyy-MM-dd',minDate:min,maxDate:max})"/>

 

 

分享到:
评论

相关推荐

    My97DatePicker(几种日历控件/js/实例演示)

    4. **日期范围限制**:开发者可以设定日期选择的最小值和最大值,防止用户选择超出范围的日期。 5. **日期计算功能**:提供增加、减少日期的功能,用户可以直接通过控件增加或减少天数、月数、年数。 6. **事件...

    My97DatePicker JS日历控件

    2. **日期范围限制**:可以设置日期选择的最小值和最大值,防止用户选择超出设定范围的日期。 3. **多语言支持**:支持多种语言切换,满足全球化网站的需求。 4. **自定义样式**:提供丰富的CSS样式定制选项,可以...

    js 时间插件My97DatePicker

    4. **日期范围限制**:可以设置日期选择的最小值和最大值,防止用户选择超出规定范围的日期。 5. **日期计算**:提供加减日期的功能,用户可以直接在日期选择器上进行日期的增减操作。 6. **事件回调**:拥有丰富...

    My97DatePicker强大日期控件

    4. **日期范围限制**:可以设置日期选择的最小值和最大值,防止用户选择超出范围的日期,这对于数据验证和业务逻辑控制非常有用。 5. **日期计算与比较**:提供了日期的加减运算功能,用户可以直接在控件中进行日期...

    一个好用的日期控件My97DatePicker

    3. **日期范围限制**:开发者可以通过配置,设定日期选择的最小值和最大值,防止用户选择超出范围的日期,确保数据的有效性。 4. **自定义样式**:My97DatePicker允许用户通过CSS自定义日历的外观,包括颜色、字体...

    My97DatePicker 4.6

    在功能性方面,My97DatePicker4.6支持日期范围限制,允许开发者设定可选日期的最小值和最大值,以确保用户输入的日期符合业务规则。它还支持日期计算,如增加或减少天数,方便用户快速跳转到特定日期。除此之外,该...

    My97DatePicker 时间选择框 小示例

    这个示例展示了如何创建两个My97DatePicker输入框,它们的时间格式为“yyyy-MM-dd”,并且开始日期的选择会影响结束日期的最小值,结束日期的选择会影响开始日期的最大值。通过这个例子,开发者可以了解如何在实际...

    My97DatePicker帮助文档

    4. **日期范围限制**:可设定日期选择的最小值和最大值,避免用户选择超出预设范围的日期,增加了数据输入的准确性。 5. **日期计算与比较**:内置日期运算功能,如加减天数、比较日期大小等,方便进行日期相关的...

    My97日期控件及皮肤

    5. 验证功能:可以设置日期验证规则,如最小值、最大值限制,确保输入的有效性。 三、皮肤定制 My97日期控件的一大亮点在于其丰富的皮肤设计。皮肤主要分为两部分:样式表(CSS)和图片资源。通过修改这两部分,...

    js日期控件

    4. **日期范围限制**:可以设置日期选择的最小值和最大值,防止用户选择超出范围的日期。 5. **日期格式化**:My97DatePicker允许开发者自定义日期显示格式,如"YYYY-MM-DD"、"MM/DD/YYYY"等。 6. **日期计算**:...

    My97DatePicker常用练习

    2. **日期范围限制**:可以设定日期选择的最小值和最大值,避免用户选择超出范围的日期。 3. **自定义样式**:通过修改CSS,可以调整日期选择框的样式,使其与项目整体风格保持一致。 4. **日期计算**:结合...

    My97DatePicker日历控间

    4. **日期范围限制**:可以设定日期选择的最小值和最大值,防止用户选择超出范围的日期。 5. **日期计算**:提供了加减日期的功能,用户可以直接在日历上进行日期的增加或减少操作。 6. **事件处理**:提供了丰富...

    My97DatePicker很好很强大的日历控件

    - **日期范围限制**:可以设定可选日期的最小值和最大值,防止用户选择无效日期。 - **事件处理**:提供丰富的事件接口,如onSelect、onClose等,方便开发者进行交互逻辑控制。 - **弹出位置自适应**:自动根据...

    My97DatePicker.rar

    开发者可以设置日期显示的格式,例如"yyyy-MM-dd"、"yy/MM/dd"等,也可以设定日期的最小值和最大值,防止用户选择超出范围的日期。此外,还支持多种语言,满足国际化的需求。不仅如此,控件还提供了多种皮肤,以适应...

    My97DatePicker

    5. **日期范围限制**:说明如何设置日期选择的最小值和最大值,以限制用户只能在指定范围内选择日期。 6. **日期验证**:讨论如何进行日期的有效性检查,比如防止用户输入非法日期。 7. **自定义样式**:解释如何...

    JS日历控件

    开发者可以根据实际需求设置日期选择的最小值和最大值,防止用户输入超出预设范围的日期,这对于日期相关的业务逻辑至关重要,如旅行预订或活动报名等。 其次,控件提供了丰富的自定义事件和API库。这使得开发者...

Global site tag (gtag.js) - Google Analytics