|
JavaScript - Checking For A Future Date Problem
I have a problem checking that a date is in the past or future.
Everything seems fine but the alert always comes back saying the date is in the past. Code:
function OpenTimesheet(TSdate)
{
var SelectedDate = new Date(TSdate)
if (SelectedDate > Date())
{
alert (SelectedDate+' is a AFTER '+Date())
}
else
{
alert (SelectedDate+' is a BEFORE '+Date())
}
}
TSdate is in yyyy/mm/dd format and looks fine, in both alerts the dates are written correctly, it just always says they are a 'BEFORE' date regardless. Any help with this one would be greatly apprieciated. Similar TutorialsI have a form where I have to calculate a future date (end date) from two fields. First the start date and then the number of months. So if the start date is 1/1/2011 and the months given is 12 then the end date should return as 12/31/2011. I can't figure out why it's not returnign a value. Here's what I have: Code: function AddDays() {
DaysToAdd=document.getElementById("DaysToAdd").value;
startdate=document.getelementbyid("startdate").value;
var newdate=new Date();
var newtimems=startdate+(DaysToAdd*730*60*60*1000);
newdate.setTime(newtimems);
document.getElementById("display").value=newdate.toLocaleString();
}
Any insight is appreciated. I hope someone out there can help me! I am a librarian and am looking for a way to get javascript to display a simple future date for books we need to pull off our shelf. The date needs to be 6 days into the future. I want the date to display as either a hyphenated number: ie. 8-13 (for August 13th) or as an abbreviation of the month with the future date: ie. Aug. 13 I've tried this a number of ways, but I am just not getting the simple date format that I want. I need the script to automatically account for number of days in the month, etc. and adjust accordingly. For instance, if it was July 31st, I would want the script to display Aug. 6 or 8-6. I am not well-versed when it comes to javascript (read ignorant), but I posted below what I have managed to cobble together after searching online and playing with the ww3 school's "TryitEditor". Thanks for any help or tips in advance! Script below displays: PULL DATE: 6 days, on Saturday, August 13, 2011 Thanks! but I want it to display: PULL DATE: 6 days, on Aug. 13 or 6 days, on 8-13 Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-GB">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>HOLD pull date</title>
</head>
<body>
<form name="myFormName" method="get" action=" ">
<h1>PULL DATE:</h1>
<noscript><div>Javascript must be enabled in your browser</div></noscript>
<script type="text/javascript">
var myDelayInDays=6;
var myDate=new Date();
var oneDayInMilliseconds = (24*60*60*1000);
var myTimeInMillisconds=myDate.getTime()+(myDelayInDays * oneDayInMilliseconds);
myDate.setTime(myTimeInMillisconds);
/*
setTime() is an 'inbuilt' javascript function
that calculates a date and time by adding or subtracting
a specified number of milliseconds to/from midnight January 1, 1970
it can be buggy in some browsers
*/
var widgetDueDate = myDate.toLocaleDateString();
/*
toLocaleDateString() is an 'inbuilt' javascript function
that converts a Date object, according to local time,
to a string and returns the date portion
*/
document.write('<p>'
+ myDelayInDays
+ ' days, on <strong>'
+ widgetDueDate + '<\/strong><\/p>');
</script>
</form>
<p>Thanks!</p>
</body>
</html>
I'm trying to find a way to display a future date in short format (as an expiration date) with Javascript. I've figured out how to do it with long format, but have no idea how to convert it and I'm not great with Javascript. Here is code that I found on another forum and modified: Code: <!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<!doctype html>
<head>
<title>Expires</title>
</head>
<body>
<script>
var myDelayInDays=6, myDate=new Date();
myDate.setDate(myDate.getDate()+myDelayInDays);
document.write('Expires: ' + myDate.toLocaleDateString());
</script>
</body>
</html>
</body>
</html>
Which displays: "Expires: Monday, May 21, 2012" I would like it to display: "Expires: 05/21/2012" Can anyone help?! I have a javascript that should convert any date into a number between 1 and 260. Based on the outcome of that calculation, a viewer is directed to a specific web page. How can I verify the calculation? How can I see what number javascript is arriving at so I can backtrack to the error? It is not serving up the correct page. I have compared the results to a calculator on another website that uses a different script to calculate the same result -- that's why I am saying the end results are not correct. On the other website, scroll down to where you enter a date. It returns a name just above the date (example: July 25, 1970 returns Electric Star). The script I included above returns Yellow Sun. July 25, 1970 should = 68. Code: function calculate() {
if(!isValidDate())
return;
var result = 0;
var cuttingAge = 260;
var yearBox = document.getElementById("year");
var year = yearBox.value;
var month = document.getElementById("month").value;
var day = document.getElementById("day").value;
//Rule # 1
if(month==1 || month==2){
var selectedYearIndex;
for(var i=0; i<yearBox.options.length; i++){
if(yearBox.options[i].selected){
selectedYearIndex = i;
break;
}
}
year = yearBox.options[selectedYearIndex-1].value;
}
//Rule # 2
var monthLength = new Array();
monthLength[0]=0;
monthLength[1]=31;
monthLength[2]=29;
monthLength[3]=31;
monthLength[4]=30;
monthLength[5]=31;
monthLength[6]=30;
monthLength[7]=31;
monthLength[8]=31;
monthLength[9]=30;
monthLength[10]=31;
monthLength[11]=30;
monthLength[12]=31;
monthLength[13]=31;
monthLength[14]=29;
var dayPassed = 0;
var tempMonth = month;
if(month<3) //If its january or february
tempMonth = parseInt(tempMonth) +12; //Add previous year's days
for(var i=3; i<tempMonth; i++){
dayPassed += monthLength[i];
}
dayPassed += parseInt(day) -1;
dayPassed = dayPassed%cuttingAge;
//Rule # 3
result = parseInt(year) + parseInt(dayPassed);
//Rule # 4
if(result > cuttingAge)
result -= cuttingAge;
//Rule # 5
var pendant = new Array();
var abc = new Array();
pendant[0] = {
name:"imix",
values:new Array(1, 21, 41, 61, 81, 101, 121, 141, 161, 181, 201, 221, 241)
};
pendant[1] = {
name:"ik",
values:new Array(2, 22, 42, 62, 82, 102, 122, 142, 162, 182, 202, 222, 242)
};
pendant[2] = {
name:"akbal",
values:new Array(3, 23, 43, 63, 83, 103, 123, 143, 163, 183, 203, 223, 243)
};
pendant[3] = {
name:"kan",
values:new Array(4, 24, 44, 64, 84, 104, 124, 144, 164, 184, 204, 224, 244)
};
pendant[4] = {
name:"chicchan",
values:new Array(5, 25, 45, 65, 85, 105, 125, 145, 165, 185, 205, 225, 245)
};
pendant[5] = {
name:"cimi",
values:new Array(6, 26, 46, 66, 86, 106, 126, 146, 166, 186, 206, 226, 246)
};
pendant[6] = {
name:"manik",
values:new Array(7, 27, 47, 67, 87, 107, 127, 147, 167, 187, 207, 227, 247)
};
pendant[7] = {
name:"lamat",
values:new Array(8, 28, 48, 68, 88, 108, 128, 148, 168, 188, 208, 228, 248)
};
pendant[8] = {
name:"muluk",
values:new Array(9, 29, 49, 69, 89, 109, 129, 149, 169, 189, 209, 229, 249)
};
pendant[9] = {
name:"oc",
values:new Array(10, 30, 50, 70, 90, 110, 130, 150, 170, 190, 210, 230, 250)
};
pendant[10] = {
name:"chuen",
values:new Array(11, 31, 51, 71, 91, 111, 131, 151, 171, 191, 211, 231, 251)
};
pendant[11] = {
name:"eb",
values:new Array(12, 32, 52, 72, 92, 112, 132, 152, 172, 192, 212, 232, 252)
};
pendant[12] = {
name:"ben",
values:new Array(13, 33, 53, 73, 93, 113, 133, 153, 173, 193, 213, 233, 253)
};
pendant[13] = {
name:"ix",
values:new Array(14, 34, 54, 74, 94, 114, 134, 154, 174, 194, 214, 234, 254)
};
pendant[14] = {
name:"men",
values:new Array(15, 35, 55, 75, 95, 115, 135, 155, 175, 195, 215, 235, 255)
};
pendant[15] = {
name:"cib",
values:new Array(16, 36, 56, 76, 96, 116, 136, 156, 176, 196, 216, 236, 256)
};
pendant[16] = {
name:"caban",
values:new Array(17, 37, 57, 77, 97, 117, 137, 157, 177, 197, 217, 237, 257)
};
pendant[17] = {
name:"etznab",
values:new Array(18, 38, 58, 78, 98, 118, 138, 158, 178, 198, 218, 238, 258)
};
pendant[18] = {
name:"cauac",
values:new Array(19, 39, 59, 79, 99, 119, 139, 159, 179, 199, 219, 239, 259)
};
pendant[19] = {
name:"ahau",
values:new Array(20, 40, 60, 80, 100, 120, 140, 160, 180, 200, 220, 240, 260)
};
var redirecctPages = new Array();
redirecctPages["chuen"] = "http://store.mayankin.com/blue-monkey/";
redirecctPages["eb"] = "http://store.mayankin.com/yellow-human/";
redirecctPages["ben"] = "http://store.mayankin.com/red-skywalker/";
redirecctPages["ix"] = "http://store.mayankin.com/white-wizard/";
redirecctPages["men"] = "http://store.mayankin.com/blue-eagle/";
redirecctPages["cib"] = "http://store.mayankin.com/yellow-warrior/";
redirecctPages["caban"] = "http://store.mayankin.com/red-earth/";
redirecctPages["etznab"] = "http://store.mayankin.com/white-mirror/";
redirecctPages["cauac"] = "http://store.mayankin.com/blue-storm/";
redirecctPages["ahau"] = "http://store.mayankin.com/yellow-sun/";
redirecctPages["imix"] = "http://store.mayankin.com/red-dragon/";
redirecctPages["ik"] = "http://store.mayankin.com/white-wind/";
redirecctPages["akbal"] = "http://store.mayankin.com/blue-night/";
redirecctPages["kan"] = "http://store.mayankin.com/yellow-seed/";
redirecctPages["chicchan"] = "http://store.mayankin.com/red-serpent/";
redirecctPages["cimi"] = "http://store.mayankin.com/white-world-bridger/";
redirecctPages["manik"] = "http://store.mayankin.com/blue-hand/";
redirecctPages["lamat"] = "http://store.mayankin.com/yellow-star/";
redirecctPages["muluk"] = "http://store.mayankin.com/red-moon/";
redirecctPages["oc"] = "http://store.mayankin.com/white-dog/";
var pendantName;
for(var i =0; i<pendant.length; i++){
var found = false;
for(var j=0; j<pendant[i].values.length; j++){
if(result == pendant[i].values[j]){
pendantName = pendant[i].name;
found = true;
break;
}
}
if(found)
break;
}
document.location = redirecctPages[pendantName];
}
/**
* Comment
*/
function isValidDate() {
var year = document.getElementById("year").value;
var month = document.getElementById("month").value;
var day = document.getElementById("day").value;
if(month==2 && day>29){
alert("Please select a valid date");
return false
}
if((month==4 || month==6 || month==9 || month==11) && day>30){
alert("Please select a valid date");
return false
}
return true;
}
I am having some trouble with my code in that I am trying to take the value from the date of birth field and check to see if over 18 years old. I they are not over 18, a window.alert dialog box pops up to tell them. Any help with this I would greatly appreciate. Below is the check if 18 validation. Script section in the document head: Code: //check if over 18
function overAge(){
var age;
var input = document.forms[0].birthDate.value;
var pyear = parseInt(input.substring(6,10));
var pmonth = parseInt(input.substring(0,2)) - 1;
var pday = parseInt(input.substring(3,5));
if ( month < pmonth ){
age = year - pyear - 1;
}
else if ( month > pmonth ){
age = year - pyear;
}
else if ( month == pmonth ){
if ( day < pday ){
age = year - pyear - 1;
}
else if ( day > pday ){
age = year - pyear;
}
else if ( day == pday ){
age = year - pyear;
}
}
if(age < 18){
window.alert('Attention: Under 18!');
valid=false;
return valid;
}
}
Code for body section: Code: Date of Birth: <br/> <input type = "text" name = "date" value = "(mm/dd/yyyy)"/> I am trying to create a drop down menu for dates that starts with today's date, but allows people to choose 50 years into the past and 10 years into the future. Here's what I have for the years: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<h4>Select a date to see the energies for that day
<script type="text/javascript">
var mesparaluna=['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sept','Oct','Nov','Dec'];
function populatedropdown(mesparaluna, diaparaluna, axxa1){
var today=new Date()
var mesparaluna=document.getElementById(mesparaluna)
var diaparaluna=document.getElementById(diaparaluna)
var axxa1=document.getElementById(axxa1)
for (var i=0; i<31; i++)
diaparaluna.options[i]=new Option(i, i+1)
diaparaluna.options[today.getDate()]=new Option(today.getDate(), today.getDate(), true, true) //select today's day
for (var m=0; m<12; m++)
mesparaluna.options[m]=new Option(mesparaluna[m], mesparaluna[m]+1)
mesparaluna.options[today.getMonth()]=new Option(today.getMonth(), today.getMonth(), true, true) //select today's month
var thisyear=today.getFullYear()
for (var y=0; y<20; y++){
axxa1.options[y]=new Option(thisyear, thisyear)
thisyear+=1
}
axxa1.options[0]=new Option(today.getFullYear(), today.getFullYear(), true, true) //select today's year
}
</script>
<script>
sacakindias()
</script>
<SCRIPT SRC=tzolkin.js></script>
<script>
armatzolkin()
</script>
<p><font size="2" face="Verdana">
<SELECT class="input_tex" name=mesparaluna id="mesparaluna"></SELECT> </font>
<SELECT class="input_tex" name="diaparaluna" id="diaparaluna"></SELECT> </font>
<SELECT class="input_tex" name="axxa1" id="axxa1"></SELECT></p>
<p><INPUT class="input_tex" onclick="sacakinpersonal()" type="button" value="Search"><img border="0" name="pirav" src="blanco.gif" class="shakeimage" width="10" height="10">
<INPUT class="input_tex" onclick="sacakindias()" type="button" value="Today"></p></form>
<script type="text/javascript">
//populatedropdown(id_of_day_select, id_of_month_select, id_of_year_select)
window.onload=function(){
populatedropdown("diaparaluna", "mesparaluna", "axxa1")
}
</script>
</h4>
</body>
</html>
I am also having a problem with the month. I wanted it to show the name of the month, but I am getting a number (and a wrong one at that). Apologies... I am a terrible newbie with Javascript. Hello! First of all, sorry my bad english. (and javascripting skills...) I have a problem with date formatting! My code is supposed to get the day of the week from date format like dd.mm.yyyy (01.01.2010, 31.12.2010) but it only works if date format is like "28 December, 2000". Code is he Code: <script type="text/javascript">
function getTheDay(aText) {
myDays=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]
myDate=new Date(eval('"'+aText.value+'"'))
document.form1.textDay.value=myDays[myDate.getDay()]
}
</script>
<form name="form1" id="form1" method="post" action="" enctype="text/plain">
<input type="text" name="textDate" id="textDate" value="" size="25" onchange="getTheDay(this.form.textDate)" />
<br />
<input type="text" name="textDay" size="25" maxlength="25" />
</form>
Original code: http://www.trans4mind.com/personal_d...ript/time2.htm Can anyone help me? I have tried everything what i have find from google... Thanks to you all who help me with this! -Roosterr Problem with the Date when one date variable rolls back to a previous month. Everything is explained he http://kcmaindomain.com/fix-js.html View Page Source of that page to see the java script code. I would greatly appreciate the help as I am fairly amateur coder and I have no idea how to correct this myself. I am trying to use JavaScript in conjuntion with html to display a table of sortable cities, states and dates. The dates are my problem. I am a novice and was given this code. But it seems to sort in European style, yyyy/mm/dd. I need it to sort mm/dd/yyy, which i am told is US style. Any help on this, I would be most grateful for. I have placed a page here to let you see the code at work. This page has the code on it in text also. I do not mind posting the code hgere also if you prefer. Thanks for any help you may be willing to offer me with this. Preston Here is yet another project of mine...ive got most done but the timers are working in milliseconds and the hours, minutes, and seconds arent working right. heres the code. THE .JS FILE Code: /* Function List:
showDateTime(time)
Returns the date in a text string formatted as:
mm/dd/yyyy at hh:mm:ss am
changeYear(today, holiday)
Changes the year value of the holiday object to point to the
next year if it has already occurred in the present year
countdown(stop, start)
Displays the time between the stop and start date objects in the
text format:
dd days, hh hrs, mm mins, ss secs
*/
function showDateTime(time) {
date = time.getDate();
month = time.getMonth()+1;
year = time.getFullYear();
second = time.getSeconds();
minute = time.getMinutes();
hour = time.getHours();
ampm = (hour < 12) ? " am" : " pm";
hour = (hour > 12) ? hour - 12 : hour;
hour = (hour == 0) ? 12 : hour;
minute = minute < 10 ? "0"+minute : minute;
second = second < 10 ? "0"+second : second;
return month+"/"+date +"/"+year+" at "+hour+":"+minute+":"+second+ampm;
}
function changeYear(today, holiday){
year = today.getFullYear();
holiday.setFullYear(year);
(holiday < today) ? year++ : year;
holiday.setFullYear(year);
}
function countdown(start, stop) {
time = stop - start;
days = Math.floor(time/1000*60*60*24);
hours = (days - Math.floor(days))*24;
minutes = (hours - Math.floor(hours))*60;
seconds = (minutes - Math.floor(minutes))*60;
return days + " days," + hours + "hours," + minutes + " mins," + seconds + "secs";
}
THE HTML FILE.. Code: <script type="text/javascript" src="dates1.js"></script>
<script type="text/javascript">
function showCountdown() {
var today = new Date();
var Date1 = new Date("January 14, 2007 10:00:00");
var Date2 = new Date("May 21, 2007 12:00:00");
var Date3 = new Date("July 4, 2007 21:00:00");
var Date4 = new Date("September 1, 2007 12:00:00");
var Date5 = new Date("December 1, 2007 11:30:00");
var Date6 = new Date("December 31, 2007 15:30:00");
document.eventform.thisDay.value = showDateTime(today);
changeYear(today, Date1);
changeYear(today, Date2);
changeYear(today, Date3);
changeYear(today, Date4);
changeYear(today, Date5);
changeYear(today, Date6);
document.eventform.count1.value = countdown(today, Date1);
document.eventform.count2.value = countdown(today, Date2);
document.eventform.count3.value = countdown(today, Date3);
document.eventform.count4.value = countdown(today, Date4);
document.eventform.count5.value = countdown(today, Date5);
document.eventform.count6.value = countdown(today, Date6);
}
</script>
</head>
<body onload="setInterval('showCountdown()' ,100)">
yes ive done all the coding just cant figure out why the timers wont work correctly. I've written a js function to find the difference between two dates. the format being used is dd/mm/yyyy hh:mm. The function returns correct value when give one set of values, but go wrong with another set. examples are given below. set 1 : Time 1 = 24/02/2011 09:30 , time 2 = 24/02/2011 16:00 Output is corret here. It gives 6 Hours & 30 Minutes (after converting the difference) set 2: Time 1 = 24/02/2011 09:30 , time 2 = 25/02/2011 16:00 Here, it gives 31 days, 6 Hours & 30 Minutes. My code is given below. Also the alert of dates display strange values. Don't know if it is timezone issue. I wonder what is going wrong here Code: function compareDateTime(frmtime,totime)
{
var date1 = new Date(frmtime);
var date2 = new Date(totime);
var diff = new Date();
alert(date1);
alert(date2);
diff = (date2.getTime()-date1.getTime());
if (diff<0)
{
alert("From Time cannot be later than To Time!");
return 0;
}
else if (diff==0)
{
alert("From Time cannot be equal with To Time!");
return 0;
}
else
{
return diff;
}
}
The returned diff value is broken down as following: Code: if (diff>0)
{
days = Math.floor(diff / (1000 * 60 * 60 * 24));
diff -= days * (1000 * 60 * 60 * 24);
hours = Math.floor(diff / (1000 * 60 * 60));
diff -= hours * (1000 * 60 * 60);
mins = Math.floor(diff / (1000 * 60));
alert(days+","+hours+","+mins);
return true;
}
what am i doing wrong here? I need help so the specific date & time which the text was saved , appears alongside the text automatically each time a question is asked. It currently just displays the text but NOT DATE OR TIME the text was submitted :/ Thanks a lot in adavance i am just a beginner Here is the coding JSP : Code: <%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<body>
<%@ page import="java.util.Vector " %>
Enter a news story here
<form action=Exercise24.jsp method=post>
<textarea name="story" rows=5 cols=100></textarea><br>
<input type=submit value="Save"><br><br>
</form>
All news stories:
<jsp:useBean id="nl" class="newspackage.NewsStore" scope="application"/>
<jsp:setProperty name="nl" property="story"/>
<%
Vector<String> theList = nl.getStories();
%>
<ol>
<%
for (int i=0; i < theList.size(); i++) {
%>
<li> <%= theList.elementAt(i) %> </li>
<%
}
%>
</ol>
</body>
Here is the coding in .java: Code: package newspackage;
import java.util.Vector;
public class NewsStore {
Vector<String> stories = new Vector<String>();
public void setStory(String theNews){
stories.addElement(theNews);
}
public Vector<String> getStories() {
return stories;
}
}
Here is the coding to print the specific time WHICH THE QUESTION WAS ASKED: Code: <%@page contentType="text/html" import="java.util.*" %> <!-- http://www.java-samples.com/jsp --> <html> <body> This question was submitted <%= startTime %>. <br> <%! Date startTime = new Date();%> </body> </html> I have added a booking form to a website with belongs to fastbooking. You can see a temporary website here. http://www.kohkoodguide.com/ It works perfectly fine in Mozilla Firefox, Google Chrome, Opera and Safari but it does not load on Internet Explorer. On the other browsers the form loads todays date and the year is generated but on IE the date stays on 01-01 and no year is generated. I'm using wordpress as a cms. I think the code that is not loading is Code: <body onLoad='start();'> But I'm not sure. The code of the year is Code: <select name='fromyear' class="input" onChange='update_departure();'> <option value="0"></option> </select> But since it's no just the year I assume its the onload code. I tried to add the onload to the header function like this Code: <body onLoad='start();' <?php if(function_exists('body_class')) body_class(); ?>>
So now wordpress generates the following code when it loads the page Code: <body onLoad='start();' class="home page page-id-6 page-template page-template-default logged-in"> But sadly the date still does no load on Internet Explorer. I'm out of ideas, anyone? Hi, I am using jQuery datepicker's date range, I have a dynamic form where date range fields are added dynamically, for this reason I have set the two selectors for jQuery date range to classes. Below is my code: Code: $( ".datepicker_start_date, .datepicker_end_date" ).livequery(function() {
var dates = $( ".datepicker_start_date, .datepicker_end_date" ).datepicker({
defaultDate: "+1w",
changeMonth: false,
dateFormat: 'dd-mm-yy',
numberOfMonths: 1,
onSelect: function( selectedDate ) {
var getclass = $(this).attr("class");
var option = getclass.indexOf("datepicker_start_date") != -1 ? "minDate" : "maxDate",
instance = $(this ).data( "datepicker" ),
date = $.datepicker.parseDate(
instance.settings.dateFormat ||
$.datepicker._defaults.dateFormat,
selectedDate, instance.settings );
dates.not( this ).datepicker( "option", option, date );
}
});
});
The above works perfect if I have just two field to range the date such as fields with class .datepicker_start_date and .datepicker_end_date. But if I have multiple fields like have 3-4 more date range fields, it will just mess the dates and add dates of field1 to field 3 and vice versa. I would appreciate if someone could help. Many Thanks i've written a js function to find the difference between two dates. the format being used is dd/mm/yyyy hh:mm. The function returns correct value when give one set of values, but go wrong with another set. examples are given below. set 1 : Time 1 = 24/02/2011 09:30 , time 2 = 24/02/2011 16:00 Output is corret here. It gives 6 Hours & 30 Minutes (after converting the difference) set 2: Time 1 = 24/02/2011 09:30 , time 2 = 25/02/2011 16:00 Here, it gives 31 days, 6 Hours & 30 Minutes. My code is given below. Also the alert of dates display strange values. Don't know if it is timezone issue. I wonder what is going wrong here Code: function compareDateTime(frmtime,totime)
{
var date1 = new Date(frmtime);
var date2 = new Date(totime);
var diff = new Date();
alert(date1);
alert(date2);
diff = (date2.getTime()-date1.getTime());
if (diff<0)
{
alert("From Time cannot be later than To Time!");
return 0;
}
else if (diff==0)
{
alert("From Time cannot be equal with To Time!");
return 0;
}
else
{
return diff;
}
}
The returned diff value is broken down as following: Code: if (diff>0)
{
days = Math.floor(diff / (1000 * 60 * 60 * 24));
diff -= days * (1000 * 60 * 60 * 24);
hours = Math.floor(diff / (1000 * 60 * 60));
diff -= hours * (1000 * 60 * 60);
mins = Math.floor(diff / (1000 * 60));
alert(days+","+hours+","+mins);
return true;
}
Please Help... Hi Chaps, I have a Javascript ActiveX function that exports the contents of an HTML table into MS Excel. The script works fine, however, some of the dates have changed from dd/mm/yyyy to mm/dd/yyyy. I do not know why this is happening, especially as it's only to a few. Here is the code: Code: <script language="javascript" type="text/javascript">
function ExportToExcel() {
input_box=confirm("Export to Microsoft Excel?");
if (input_box==true) {
var xlApp = new ActiveXObject("Excel.Application");
// Silent-mode:
xlApp.Visible = true;
xlApp.DisplayAlerts = false;
var xlBook = xlApp.Workbooks.Add();
xlBook.worksheets("Sheet1").activate;
var XlSheet = xlBook.activeSheet;
XlSheet.Name="Report";
// Store the sheet header names in an array
var rows = tblreport_work.getElementsByTagName("tr");
var columns = tblreport_work.getElementsByTagName("th");
var data = tblreport_work.getElementsByTagName("td");
// Set Excel Column Headers and formatting from array
for(i=0;i<columns.length;i++){
XlSheet.cells(1).value= "Projects - Open";
XlSheet.cells(3,i+1).value= columns[i].innerText; //XlSheetHeader[i];
XlSheet.cells(3,i+1).font.color="6";
XlSheet.cells(3,i+1).font.bold="true";
XlSheet.cells(3,i+1).interior.colorindex="37";
XlSheet.Range("B1:F1000").HorizontalAlignment = -4108;
XlSheet.Range("H1:H1000").HorizontalAlignment = -4108;
XlSheet.Range("J1:J1000").HorizontalAlignment = -4108;
}
//run over the dynamic result table and pull out the values and insert into corresponding Excel cells
var d = 0;
for (r=4;r<rows.length+3;r++) { // start at row 2 as we've added in headers - so also add in another row!
for (c=1;c<columns.length+1;c++) {
XlSheet.cells(r,c).value = data[d].innerText;
d = d + 1;
}
}
//autofit the columns
XlSheet.columns.autofit;
// Make visible:
xlApp.visible = true;
xlApp.DisplayAlerts = true;
CollectGarbage();
//xlApp.Quit();
}
}
</script>
Date Columns: F,G,I If anyone has some ideas on how to correct this, I'd be most grateful! Not sure if this is possible in javascript: I'm looking for two different dates (bill date and due date) on an invoice that are captured by OCR. If one of them exists, but the other does not, I want the empty field to be 14 days before (or after) the other. For example: if the bill date is 7/27/2010 and the due date was not captured, I want to set the due date as 8/10/2010 (14 days after the bill date). If the due date was captured as 8/10/2010, but the due date is blank, I want to assign the bill date as 7/27/2010 (14 days before the due date). if both dates have values, do nothing. Thanks. I have a drop down menu where people can select a month, day and year. Based on their selection, I want to show them an image. If their selection is >= July 26, 2010 but <= July 25, 2011, show the red image; If their selection is >= July 26, 2011 but <= July 25, 2012, show the white image; If their selection is >= July 26, 2012 but <= July 25, 2013, show the blue image; If their selection is >= July 26, 2013 but <= July 25, 2014, show the yellow image; I don't know how to compare a selected date to a range of dates like this. Hi, I've inherited a Form which calculates a future date based on a calculation and then inserts today's date and the future date into a database. The day part of the date is formatted as a number. This is fine, but up to 9 the numbers display in single figures with no leading zeros. I want them to display leading zeros (e.g. 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11... 30, 31) So; 1/12/2010 is NOT wanted 01/12/2010 IS wanted The inherited code originally set the Month names as "Jan", "Feb" etc, and it was easy to kludge these to 01, 02... 12, but I suspect there's a more elgant solution to this as well, this bit of the code works so it's not as vital to neaten this but my database needs dd/mm/yyyy format (it's a third party email program). Code: </script>
<script type="text/javascript">
var todaysDate = new Date();
function updateExpiryDate(){
var weeklyMileage = document.getElementById('AvWeeklyMileage').value;
var expiryDate;
var weeks = 0;
var expiryDateString = '';
if (!isNaN(parseInt(weeklyMileage))){
weeks = 700/weeklyMileage;
expiryDate = new Date(todaysDate.getTime() + (1000 * 3600 * 24 * 7 * weeks));
var expiryDateString = expiryDate.getDate() + '/' + getMonthString(expiryDate.getMonth()+1) + '/' + expiryDate.getFullYear();
document.getElementById('expiryDate').innerHTML = expiryDateString;
document.getElementById('ShoeExpiryDate').value = expiryDateString;
} else {
document.getElementById('ShoeExpiryDate').value = '';
document.getElementById('expiryDate').innerHTML = 'Please enter a valid weekly average mileage'
}
}
function getMonthString(monthNumber){
var monthString = "";
switch(monthNumber){
case 1:
monthString = "01";
break;
case 2:
monthString = "02";
break;
case 3:
monthString = "03";
break;
case 4:
monthString = "04";
break;
case 5:
monthString = "05";
break;
case 6:
monthString = "06";
break;
case 7:
monthString = "07";
break;
case 8:
monthString = "08";
break;
case 9:
monthString = "09";
break;
case 10:
monthString = "10";
break;
case 11:
monthString = "11";
break;
case 12:
monthString = "12";
break;
default:
// do nothing;
}
return monthString;
}
function setTodaysDate(){
var todaysDateString = todaysDate.getDate() + '/' + getMonthString(todaysDate.getMonth()+1) + '/' + todaysDate.getFullYear();
document.getElementById('todaysDate').innerHTML =todaysDateString;
document.getElementById('DateOfPurchase').value = todaysDateString;
}
Can someone point me in the right direction please? Hi, I need to add days to a date in javascript, My requirement is as follows: Date is coming from a textbox. eg:- 26/07/2010 days from this statement var day1=document.getElementById('<%=HiddenDate.ClientID %>').value; an eg:- if the date is 28/01/2012 and days Needed to be added=5 the added date should be 02/02/2012. Can anybody help me? Thanks Jamuna |
|||||||