解决IE下不兼容Date.toLocalString()和Date.parse()这两个方法,IE下js的日期格式必须是:月/日/年格式的字符串,才能进行Date.parse格式化并作Number运算,以下实现写法,兼容Firefox,IE,Google,Opera等主流浏览器
// js控制mydate97控件中日期的显示
function maxDate(){
var mindate = $("#startDate").val();// 系统中选择的最小日期
var currentDate = new Date();// 当前日期
var year = currentDate.getFullYear();// 当前年份
var month = currentDate.getMonth() + 1;// 当前月份
var day = currentDate.getDate();// 当前天数
if(mindate == ""){ // 根据当前日期,获取前一天日期
var d = new Date(Date.parse(currentDate) - (86400000 * 1));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}
// 最小日期不为空
var mdate = mindate.split("-");
mindate = mdate[1] + "/" + mdate[2] + "/" + mdate[0];// 转换日期字符串为兼容模式下的日期格式, 月/日/年
var minMonth = "04|06|09|11";// 小月月份集合
var februray = 28;// 平年的二月月份天数
var daynum = 31; // 默认为大月份天数
if(( mdate[0] % 4 == 0 && mdate[0] % 100 != 0 ) || mdate[0] % 400 == 0){
februray = 29;// 闰年的二月的月份天数
}
if(mdate[0] == year && Number(mdate[1]) == month ){// 同年同月
if(Number(mdate[2]) + 10 >= day){
// 根据当前日期,获取前一天日期
var d = new Date(Date.parse(currentDate) - (86400000 * 1));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}else if(Number(mdate[2]) + 10 < day){
// 根据系统选择的最小日期,获取9天后的日期
var d = new Date(Date.parse(mindate) + (86400000 * 9));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}
}else if(mdate[0] == year && Number(mdate[1]) < month){// 同年不同月
if(mdate[1].indexOf(minMonth) >= 0){
daynum = 30;
}else if(mdate[1] == "02"){
daynum = februray; // 如果为2月份
}
// 最小日期加上10,小于该月的最大天数
if( Number(mdate[2]) + 10 <= Number(daynum) || Number(mdate[1]) + 1 < month){
// 根据系统选择的最小日期,获取9天后的日期
var d = new Date(Date.parse(mindate) + (86400000 * 9));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}
// 与当前月份相邻
if(Number(mdate[2]) + 10 > Number(daynum) && Number(mdate[1]) + 1 == month){
var during = Number(mdate[2]) + 10 - Number(daynum);
if(Number(during) >= day){
// 根据当前日期,获取前一天日期
var d = new Date(Date.parse(currentDate) - (86400000 * 1));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}else if(Number(during) < day){
// 根据系统选择的最小日期,获取9天后的日期
var d = new Date(Date.parse(mindate) + (86400000 * 9));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}
}
}else{
// 根据系统选择的最小日期,获取9天后的日期
var d = new Date(Date.parse(mindate) + (86400000 * 9));
var mmonth = Number(d.getMonth()) + 1;
return d.getFullYear() + "-" + mmonth + "-" + d.getDate();
}
}
// 截止日期的最小日期
function minDate(){
var mindate = $("#startDate").val();// 系统中选择的最小日期
return mindate;
}
表单中控件引用
<input type="text" name="startDate" id="startDate"
onclick="WdatePicker({dateFmt:'yyyy-MM-dd', minDate:'#F{$dp.$D(\'endDate\',{d:-9})}', maxDate:'#F{$dp.$D(\'endDate\')}',readOnly:true})" />-
<input type="text" name="endDate" id="endDate"
maxlength="10" style="width: 69px;"onclick="WdatePicker({dateFmt:'yyyy-MM-dd', minDate:minDate(), maxDate:maxDate(), readOnly:true})" />
分享到:
相关推荐
My97 DatePicker是一款非常流行的JavaScript日期选择插件,尤其在Web开发中被广泛使用。它提供了丰富的自定义功能和友好的用户界面,使得在网页上处理日期输入变得更加简单。本文将详细介绍如何利用My97 DatePicker...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择控件,它为网页开发者提供了强大的日期输入功能。这款控件以其丰富的自定义选项、良好的兼容性和用户体验而备受赞誉。在本文中,我们将深入探讨My97...
My97DatePicker是一款广泛应用于Web开发中的JavaScript时间日期选择插件,它为用户提供了便捷的日期选择界面,极大地提高了用户体验。这款控件以其强大的功能、灵活的配置选项以及良好的兼容性,深受开发者喜爱。 ...
My97DatePicker是一款广泛使用的JavaScript日期选择器控件,它为网页中的日期输入提供了便捷的交互体验。这个控件以其高效、易用和高度可定制性而受到开发者的青睐。在网页开发中,日期选择器通常用于用户输入日期时...
《MY97DatePicker:一款备受青睐的JavaScript日期选择器组件》 在网页开发中,日期选择器是一个不可或缺的元素,它使得用户能够方便地输入或选择日期,提升了用户体验。MY97DatePicker是一款广受欢迎的JavaScript...
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择器控件,以其美观、易用和高度可定制的特点深受开发者喜爱。这款控件主要用于网页上提供一个友好的日期输入界面,让用户能够更方便地选择和输入日期,提高了...
My97DatePicker是一款广泛使用的JavaScript日期选择插件,它为jsp页面提供了一种方便、美观的日期选取方式。然而,在实际应用中,可能会遇到“无法打开站点”的问题,这可能是由多种原因引起的。以下我们将详细探讨...
Ext JS是一个强大的JavaScript库,用于构建富客户端应用程序,而My97 DatePicker是一款广受欢迎的JavaScript日期选择器,因其自定义功能丰富、兼容性好而被广泛应用。 首先,让我们深入了解一下这两个关键组件: 1...
《My97DatePicker:一款基于jQuery的高效日期选择器组件》 在网页开发中,日期选择器是一个不可或缺的元素,它极大地提升了用户交互体验。My97 DatePicker 是一个基于 jQuery 的强大日期选择器插件,它以其易用性、...
My97 DatePicker是由中国开发者杨海超创建的一款高效、灵活、易用的JavaScript日期选择插件。4.8 Beta4是其稳定且功能丰富的版本之一,发布于2013年10月10日。这个版本在前一版本的基础上进行了优化,提高了性能,并...
My97DatePicker是一款在中国广泛应用的JavaScript日期控件,它提供了丰富的日期选择功能,适用于网页上的日期输入场景。这款控件以其易用性、灵活性和高度自定义性深受开发者喜爱。在网页开发中,日期选择器是必不可...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件,尤其在Web开发中,它以其强大的功能和良好的用户体验而受到青睐。在这个特定的场景中,我们关注的是如何利用My97DatePicker来实现选择季度的功能。 ...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件,尤其在Web开发中,它以其易用性、灵活性和丰富的自定义选项而受到开发者们的欢迎。这个插件为网页中的日期输入提供了用户友好的界面,使得用户可以...
一款很不错的基于JavaScript的日期控件——My97DatePicker,这是官方早两天更新修正的最新版本 v4.7 ,去掉了原有包中一些无用文件。本JS日历使用者非常多,因为其功能比较多,它可以定义多种形式的调用方法:比如...
My97DatePicker允许开发者进行深度定制,包括但不限于日期范围限制、是否显示星期、是否开启时间选择、快捷选择项等。例如,设定最小日期和最大日期: ```javascript WdatePicker({ minDate: '-1d', maxDate: '+1...
总的来说,My97DatePicker4.0是一款高效、灵活的JavaScript日期选择控件,它提供了丰富的功能和高度的自定义性,能够帮助开发者轻松地在网页中实现日期选择功能。无论是小型个人项目还是大型企业应用,My97...
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"> ()" type="text" /> ``` 在上述代码中,`onclick`事件触发了插件的日期选择功能,`WdatePicker()`是插件提供的全局函数,当用户点击输入框时...
My97 DatePicker是由中国开发者王维汉(Wang Wei Han)创建的一款开源JavaScript日期选择器。它以其简洁的界面、流畅的操作体验以及丰富的自定义选项,成为了许多网站的标准组件。My97 DatePicker支持多种语言,包括...