/    Sign up×
Community /Pin to ProfileBookmark

adddate function

I have 2 text field in a form.
1st field for input date.
I want to use onclick event handler for 2nd text field. When user click 2nd text field then show up the value of 10 days before the input date in 1st field. how do i do that?
thanks

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@CharlesOct 27.2005 — <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<title>Example</title>

<script type="text/javascript">
Date.prototype.daysBefore = function (n) {
if (isNaN (this) || isNaN (n)) return NaN
var d = new Date (this.getTime())
d.setDate (d.getDate() - n)
return d
}
</script>

<style type="text/css">
form { margin:auto; width:11em}
fieldset {padding:1ex}
label {display:block; margin:1em 0; text-align:left}
input {display:block}
button {display:block; margin:auto}
</style>

</head>
<body>
<form action="some-script.pl">
<fieldset>
<legend>Example</legend>
<label>Date<input name="date1" onchange="this.form.date2.value = new Date (this.value).daysBefore (10).toDateString()" type="text"></label>
<label>Date ten days earlier<input name="date2" type="text"></label>
<button type="submit">Submit</button>
</fieldset>
</form>
</body>
</html>
×

Success!

Help @sweetyp spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...