C# 需要一个Javascript日历,该日历应仅显示与文本框中的日期对应的下一个日期
大家好,当我在应用程序中单击日历时,我想显示弹出式日历。以前,我的文本框中有一个日期,可能是当前年份中的任何日期。我需要的是,如果我在文本框中的日期是像01/03/2008之类的东西。。我只想显示之后的下一个日期,我想禁用所有以前的日期作为不可选择的 我使用的脚本是C# 需要一个Javascript日历,该日历应仅显示与文本框中的日期对应的下一个日期,c#,javascript,asp.net,C#,Javascript,Asp.net,大家好,当我在应用程序中单击日历时,我想显示弹出式日历。以前,我的文本框中有一个日期,可能是当前年份中的任何日期。我需要的是,如果我在文本框中的日期是像01/03/2008之类的东西。。我只想显示之后的下一个日期,我想禁用所有以前的日期作为不可选择的 我使用的脚本是 function positionInfo(object) { var p_elm = object; this.getElementLeft = getElementLeft; function getElementLeft
function positionInfo(object) {
var p_elm = object;
this.getElementLeft = getElementLeft;
function getElementLeft() {
var x = 0;
var elm;
if(typeof(p_elm) == "object"){
elm = p_elm;
} else {
elm = document.getElementById(p_elm);
}
while (elm != null) {
x+= elm.offsetLeft;
elm = elm.offsetParent;
}
return parseInt(x);
}
this.getElementWidth = getElementWidth;
function getElementWidth(){
var elm;
if(typeof(p_elm) == "object"){
elm = p_elm;
} else {
elm = document.getElementById(p_elm);
}
return parseInt(elm.offsetWidth);
}
this.getElementRight = getElementRight;
function getElementRight(){
return getElementLeft(p_elm) + getElementWidth(p_elm);
}
this.getElementTop = getElementTop;
function getElementTop() {
var y = 0;
var elm;
if(typeof(p_elm) == "object"){
elm = p_elm;
} else {
elm = document.getElementById(p_elm);
}
while (elm != null) {
y+= elm.offsetTop;
elm = elm.offsetParent;
}
return parseInt(y);
}
this.getElementHeight = getElementHeight;
function getElementHeight(){
var elm;
if(typeof(p_elm) == "object"){
elm = p_elm;
} else {
elm = document.getElementById(p_elm);
}
return parseInt(elm.offsetHeight);
}
this.getElementBottom = getElementBottom;
function getElementBottom(){
return getElementTop(p_elm) + getElementHeight(p_elm);
}
}
function CalendarControl() {
var calendarId = 'CalendarControl';
var currentYear = 0;
var currentMonth = 0;
var currentDay = 0;
var selectedYear = 0;
var selectedMonth = 0;
var selectedDay = 0;
var months = ['January','February','March','April','May','June','July','August','September','October','November','December'];
var dateField = null;
function getProperty(p_property){
var p_elm = calendarId;
var elm = null;
if(typeof(p_elm) == "object"){
elm = p_elm;
} else {
elm = document.getElementById(p_elm);
}
if (elm != null){
if(elm.style){
elm = elm.style;
if(elm[p_property]){
return elm[p_property];
} else {
return null;
}
} else {
return null;
}
}
}
function setElementProperty(p_property, p_value, p_elmId){
var p_elm = p_elmId;
var elm = null;
if(typeof(p_elm) == "object"){
elm = p_elm;
} else {
elm = document.getElementById(p_elm);
}
if((elm != null) && (elm.style != null)){
elm = elm.style;
elm[ p_property ] = p_value;
}
}
function setProperty(p_property, p_value) {
setElementProperty(p_property, p_value, calendarId);
}
function getDaysInMonth(year, month) {
return [31,((!(year % 4 ) && ( (year % 100 ) || !( year % 400 ) ))?29:28),31,30,31,30,31,31,30,31,30,31][month-1];
}
function getDayOfWeek(year, month, day) {
var date = new Date(year,month-1,day)
return date.getDay();
}
this.setDate = setDate;
function setDate(year, month, day) {
if (dateField) {
if (month < 10) {month = "0" + month;}
if (day < 10) {day = "0" + day;}
var dateString = month+"-"+day+"-"+year;
dateField.value = dateString;
hide();
}
return;
}
this.changeMonth = changeMonth;
function changeMonth(change) {
currentMonth += change;
currentDay = 0;
if(currentMonth > 12) {
currentMonth = 1;
currentYear++;
} else if(currentMonth < 1) {
currentMonth = 12;
currentYear--;
}
calendar = document.getElementById(calendarId);
calendar.innerHTML = calendarDrawTable();
}
this.changeYear = changeYear;
function changeYear(change) {
currentYear += change;
currentDay = 0;
calendar = document.getElementById(calendarId);
calendar.innerHTML = calendarDrawTable();
}
function getCurrentYear() {
var year = new Date().getYear();
if(year < 1900) year += 1900;
return year;
}
function getCurrentMonth() {
return new Date().getMonth() + 1;
}
function getCurrentDay() {
return new Date().getDate();
}
function calendarDrawTable() {
var dayOfMonth = 1;
var validDay = 0;
var startDayOfWeek = getDayOfWeek(currentYear, currentMonth, dayOfMonth);
var daysInMonth = getDaysInMonth(currentYear, currentMonth);
var css_class = null; //CSS class for each day
var table = "<table cellspacing='0' cellpadding='0' border='0'>";
table = table + "<tr class='header'>";
table = table + " <td colspan='2' class='previous'><a href='javascript:changeCalendarControlMonth(-1);'><</a> <a href='javascript:changeCalendarControlYear(-1);'>«</a></td>";
table = table + " <td colspan='3' class='title'>" + months[currentMonth-1] + "<br>" + currentYear + "</td>";
table = table + " <td colspan='2' class='next'><a href='javascript:changeCalendarControlYear(1);'>»</a> <a href='javascript:changeCalendarControlMonth(1);'>></a></td>";
table = table + "</tr>";
table = table + "<tr><th>S</th><th>M</th><th>T</th><th>W</th><th>T</th><th>F</th><th>S</th></tr>";
for(var week=0; week < 6; week++) {
table = table + "<tr>";
for(var dayOfWeek=0; dayOfWeek < 7; dayOfWeek++) {
if(week == 0 && startDayOfWeek == dayOfWeek) {
validDay = 1;
} else if (validDay == 1 && dayOfMonth > daysInMonth) {
validDay = 0;
}
if(validDay) {
if (dayOfMonth == selectedDay && currentYear == selectedYear && currentMonth == selectedMonth) {
css_class = 'current';
} else if (dayOfWeek == 0 || dayOfWeek == 6) {
css_class = 'weekend';
} else {
css_class = 'weekday';
}
table = table + "<td><a class='"+css_class+"' href=\"javascript:setCalendarControlDate("+currentYear+","+currentMonth+","+dayOfMonth+")\">"+dayOfMonth+"</a></td>";
dayOfMonth++;
} else {
table = table + "<td class='empty'> </td>";
}
}
table = table + "</tr>";
}
table = table + "<tr class='header'><th colspan='7' style='padding: 3px;'><a href='javascript:hideCalendarControl();'>Close</a></td></tr>";
table = table + "</table>";
return table;
}
this.show = show;
function show(field) {
// If the calendar is visible and associated with
// this field do not do anything.
if (dateField == field) {
return;
} else {
dateField = field;
}
if(dateField) {
try {
var dateString = new String(dateField.value);
var dateParts = dateString.split("-");
selectedMonth = parseInt(dateParts[0],10);
selectedDay = parseInt(dateParts[1],10);
selectedYear = parseInt(dateParts[2],10);
} catch(e) {}
}
if (!(selectedYear && selectedMonth && selectedDay)) {
selectedMonth = getCurrentMonth();
selectedDay = getCurrentDay();
selectedYear = getCurrentYear();
}
currentMonth = selectedMonth;
currentDay = selectedDay;
currentYear = selectedYear;
if(document.getElementById){
calendar = document.getElementById(calendarId);
calendar.innerHTML = calendarDrawTable(currentYear, currentMonth);
setElementProperty('display', 'block', 'CalendarControlIFrame');
setProperty('display', 'block');
var fieldPos = new positionInfo(dateField);
var calendarPos = new positionInfo(calendarId);
var x = fieldPos.getElementLeft();
var y = fieldPos.getElementBottom();
x=x+155;
y=y-22;
setProperty('left', x + "px");
setProperty('top', y + "px");
setElementProperty('left', x + "px", 'CalendarControlIFrame');
setElementProperty('top', y + "px", 'CalendarControlIFrame');
setElementProperty('width', calendarPos.getElementWidth() + "px", 'CalendarControlIFrame');
setElementProperty('height', calendarPos.getElementHeight() + "px", 'CalendarControlIFrame');
}
}
this.hide = hide;
function hide() {
if(dateField) {
setProperty('display', 'none');
setElementProperty('display', 'none', 'CalendarControlIFrame');
dateField = null;
}
}
}
var calendarControl = new CalendarControl();
function showCalendarControl(textField) {
calendarControl.show(textField);
}
function hideCalendarControl() {
calendarControl.hide();
}
function setCalendarControlDate(year, month, day) {
calendarControl.setDate(year, month, day);
}
function changeCalendarControlYear(change) {
calendarControl.changeYear(change);
}
function changeCalendarControlMonth(change) {
calendarControl.changeMonth(change);
}
document.write("<iframe id='CalendarControlIFrame' src='javascript:false;' frameBorder='0' scrolling='no'></iframe>");
document.write("<div id='CalendarControl'></div>");
功能位置信息(对象){
var p_elm=对象;
this.getElementLeft=getElementLeft;
函数getElementLeft(){
var x=0;
var-elm;
if(typeof(p_elm)=“对象”){
elm=p_elm;
}否则{
elm=document.getElementById(p_elm);
}
while(elm!=null){
x+=elm.offsetLeft;
elm=elm.offsetParent;
}
返回parseInt(x);
}
this.getElementWidth=getElementWidth;
函数getElementWidth(){
var-elm;
if(typeof(p_elm)=“对象”){
elm=p_elm;
}否则{
elm=document.getElementById(p_elm);
}
返回parseInt(elm.offsetWidth);
}
this.getElementRight=getElementRight;
函数getElementRight(){
返回getElementLeft(p_elm)+getElementWidth(p_elm);
}
this.getElementTop=getElementTop;
函数getElementTop(){
var y=0;
var-elm;
if(typeof(p_elm)=“对象”){
elm=p_elm;
}否则{
elm=document.getElementById(p_elm);
}
while(elm!=null){
y+=榆树偏梢;
elm=elm.offsetParent;
}
返回parseInt(y);
}
this.getElementHeight=getElementHeight;
函数getElementHeight(){
var-elm;
if(typeof(p_elm)=“对象”){
elm=p_elm;
}否则{
elm=document.getElementById(p_elm);
}
返回parseInt(elm.offsetHeight);
}
this.getElementBottom=getElementBottom;
函数getElementBottom(){
返回getElementTop(p_elm)+getElementHeight(p_elm);
}
}
函数日历控件(){
var calendarId='CalendarControl';
var currentYear=0;
var currentMonth=0;
var currentDay=0;
var selectedYear=0;
var selectedMonth=0;
var selectedDay=0;
var月=[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’、‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’];
var dateField=null;
函数getProperty(p_属性){
var p_elm=日历ID;
var-elm=null;
if(typeof(p_elm)=“对象”){
elm=p_elm;
}否则{
elm=document.getElementById(p_elm);
}
if(elm!=null){
if(榆树风格){
elm=elm.style;
if(elm[p_属性]){
return elm[p_property];
}否则{
返回null;
}
}否则{
返回null;
}
}
}
函数setElementProperty(p_属性、p_值、p_elmId){
var p_elm=p_elmId;
var-elm=null;
if(typeof(p_elm)=“对象”){
elm=p_elm;
}否则{
elm=document.getElementById(p_elm);
}
if((elm!=null)&&(elm.style!=null)){
elm=elm.style;
elm[p_属性]=p_值;
}
}
函数setProperty(p_属性,p_值){
setElementProperty(p_属性、p_值、calendarId);
}
函数getDaysInMonth(年,月){
回报率[31,(!(第4年)和((!(第100年)| |!(第400年))?29:28),31,30,31,31,30,31,30,31][1个月];
}
函数getDayOfWeek(年、月、日){
var日期=新日期(年、月、日)
返回日期。getDay();
}
this.setDate=setDate;
函数设置日期(年、月、日){
如果(日期字段){
如果(月<10){month=“0”+月;}
如果(天<10){day=“0”+天;}
var dateString=月+“-”+日+“-”+年;
dateField.value=日期字符串;
隐藏();
}
返回;
}
this.changeMonth=changeMonth;
功能变更月份(变更){
当前月份+=变化;
currentDay=0;
如果(当前月份>12){
当前月份=1;
当前年份++;
}否则如果(当前月份<1){
当前月份=12;
本年度--;
}
calendar=document.getElementById(calendarId);
calendar.innerHTML=calendarDrawTable();
}
this.changeYear=changeYear;
功能变更年份(变更){
本年度+=变动;
currentDay=0;
calendar=document.getElementById(calendarId);
calendar.innerHTML=calendarDrawTable();
}
函数getCurrentYear(){
var year=新日期().getYear();
如果(年份<1900)年份+=1900;
回归年;
}
函数getCurrentMonth(){
返回新日期().getMonth()+1;
}
函数getCurrentDay(){
返回新日期().getDate();
}
函数calendarDrawTable(){
var dayOfMonth=1;
var-validDay=0;
var startDayOfWeek=getDayOfWeek(currentYear、currentMonth、dayOfMonth);
var daysInMonth=getDaysInMonth(当前年,当前月);
var css_class=null;//每天的css类
var表=”;
表=表+“”;
表=表+“”;
表=表+“”+月[currentMonth-1]+”
“+currentYear+”;
表=表+“”;
表=表+“”;
表=表+SMTWTFS;
对于(变量周=0;周<6;周++){
表=表+“”;
for(var dayOfWeek=0;dayOfWeek<7;dayOfWeek++){
如果(周==0&&startDayOfWeek==dayOfWeek){
validDay=1;
}else if(validDay==1&&dayOfMonth>daysInMonth){
validDay=0;
}
如果(有效期){
如果(dayOfMonth==selectedDay&¤tYear==selectedYear&¤tMonth==selectedMonth){
css_类=‘当前’;
}else if(dayOfWeek==0 | | dayOfWeek==6){
css_类=‘周末’;
}否则{
css_类=‘工作日’;
}
表=表+“”;
月日++;
}否则{
表=表+“”;
}
}
表=表+“”;
}
表=表+“”;
表=表+“”;
返回表;
}
show=show;
功能显示(现场){
//如果日历可见并与
//这个领域什么都不做。
如果(日期字段==字段){
返回;
}否则{
日期字段=字段;
}
如果(日期字段){
试一试{
var dateString=新字符串(dateField.value);
var dateParts=dateString.split(“-”);
selectedMonth=parseInt(dateParts[0],10);
selectedDay=parseInt(dateParts[1],10);
selectedYear=parseInt(dateParts[2],10);
}捕获(e){}
}
如果(!(选择年份和选择月份和选择日期)){
selectedMonth=getC