Javatpoint Logo

Javascript date picker not working

By: rashmi*** On: Tue Apr 05 12:16:21 IST 2016     Question Reputation0 Answer Reputation0 Quiz Belt Series Points0  0Blank User
here is my jsp page


<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1" import="com.cluster.to.RegistrationTO"%>
<jsp:useBean id="USER" class="com.cluster.to.RegistrationTO" scope="request"></jsp:useBean>
<!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">
<meta name="keywords" content="css templates, fortune website, CSS, HTML" />
<meta name="description" content="Fortune Template is a free css template from templatemo.com" />
<link rel="stylesheet" type="text/css" href="./css/calender.css">
<script src="/javascripts/jquery.js"></script>
<script src="/javascripts/bootstrap.js"></script>
<script src="/vendor/twitter/less/bootstrap.less"></script>

<link href="../css/bookevent.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/date1.js"></script>
<script type="text/javascript" src="./js/dateUi.js"></script>
<script language="JavaScript">
var i = 0;
var path = new Array();

// LIST OF IMAGES
path[0] = "IMG_20150718_154518264.jpg";
path[1] = "IMG_20150915_101437.JPG";
path[2] = "IMG_20150915_101437.JPG";

function swapImage()
{
document.slide.src = path[i];
if(i < path.length - 1) i++; else i = 0;
setTimeout("swapImage()",3000);
}
window.onload=swapImage;
</script>
</head>
<body>

<!-- --
<script type="text/javascript">
var imgs = [
'images/IMG_20150718_154518264.jpg',
'images/IMG_20150915_101437.JPG',
'images/IMG_20160122_181821.jpg',
'images/IMG_20160122_194403.jpg',
'images/IMG_20160202_163034.jpg'];
var cnt = imgs.length;

$(function () {
setInterval(Slider, 3000);
var $imageSlide = $('img[id$=imageSlide]');
// set the image control to the last image
$imageSlide.attr('src', imgs[cnt - 1]);
});
function Slider() {
$('#imageSlide').fadeOut("slow", function () {
$(this).attr('src', imgs[(imgs.length++) % cnt]).fadeIn("slow");
});
}
</script>
<!-- -->
<div>
<img id="imageSlide" alt="" src="" />
</div>
<script>
function validateForm()
{

var listBoxSelection=document.forms.regForm.Event Type.value;
if(listBoxSelection==0)
{
alert("Please select Event type");
return false;
}

var listBoxSelection=document.forms.regForm.Event place.value;
if(listBoxSelection==0)
{
alert("Please select Event place");
return false;
}

}
</script>
<script>

$(function()
{
$('.date-pick').datePicker().val(new Date().asString()).trigger('change');
//$('.date-pick').dpSetEndDate('01/01/2010');
});
</script>
<style type="text/css">
.ui-datepicker {
background: linear-gradient(#1b597d, #113c59,#0e293f,#0a1b2a,#08141f,#0c2031,#102c42,#11354e,#11334c);
border: 1px solid #555;
color: white;
}
</style>

<div id="templatemo_header_wrapper">
<div id="templatemo_header_panel">
<div id="templatemo_header">
EVENT MANAGEMENT SYSTEM
</div>
<div id="templatemo_tagline">

</div>
</div>
</div>
<div align="center">
<h1>BOOK AN EVENT</h1>
<br></br>
<div id="templatemo_menu_wrapper">
<div id="templatemo_menu_panel">

<ul>
<li><a href="../html/index.html" target="_parent">Home</a></li>
<li><a href="#" target="_parent">Book an Event</a></li>
<li><a href="../jsp/bookingstatus.jsp">Booking Status</a></li>

<li><a href="../jsp/feedback.jsp">Feedback</a></li>
<li><a href="../jsp/viewvenue.jsp">View Venues</a></li>
<li><a href="../jsp/logout.jsp">Logout</a></li>


&
Up0Down

 
Image Created0Down

By: [email protected] On: Wed Oct 19 16:21:59 IST 2016 Question Reputation0 Answer Reputation0 Belt Series Points0 0User Image
Are You Satisfied :0Yes0No