PDA

View Full Version : Resolved datepicker issue



ianhaney
04-16-2017, 10:32 AM
Hi

Now I got my previous issue sorted, the datepicker is working but the css styles don't seem to be working and also noticed a button appearing under the moving in date input field

see url https://www.firstqualityfinance.co.uk/unsecured-loan-quote

I have attached the coding from the header.php file below



<?php session_start(); ?>
<!DOCTYPE html>

<html>

<head>

<meta charset=utf-8 />

<title><?php echo $title; ?></title>

<meta name="description" content="<?php echo $pgDesc ?>">

<meta name="keywords" content="<?php echo $pgKeywords ?>">

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">

<link rel="stylesheet"href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/blitzer/jquery-ui.css"/>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

<link rel="stylesheet" type="text/css" media="screen" href="./css/styles.css" />

<script src="./js/jquery.nivo.slider.pack.js" type="text/javascript"></script>

<script language="JavaScript" src="./scripts/gen_validatorv31.js" type="text/javascript"></script>

<link rel="stylesheet" href="./css/nivo-slider.css" type="text/css" />

<link rel="stylesheet" href="./css/default.css" type="text/css" />

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<script language="JavaScript" src="scripts/gen_validatorv31.js" type="text/javascript"></script>

<script language="JavaScript" src="js/loan-calculator.js" type="text/javascript"></script>

<script language="JavaScript" src="js/car-finance-calculator.js" type="text/javascript"></script>

<link href='https://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>

<link href="https://fonts.googleapis.com/css?family=Shadows+Into+Light" rel="stylesheet">

<link rel="stylesheet" href="./css/form_style.css" />

<!-- MenuMaker Plugin -->
<script src="https://s3.amazonaws.com/menumaker/menumaker.min.js"></script>

<!-- Icon Library -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

<script>
$(function() {
$("#midone").datepicker({
showButtonPanel: true,
dateFormat: "yy/mm/dd",
showOn:"both"
});
});
</script>

</head>

<body>

<script>
$("#cssmenu").menumaker({
title: "Menu",
breakpoint: 768,
format: "multitoggle"
});
</script>

</div>


below is the coding from the unsecured quote page



<form action="unsecuredformsubmit.php" method="post" class="loan-form">
<input type="text" name="midone" id="midone" onchange = "three()" />
</form>


I am wondering if it's conflicting with maybe one of the other js files or a css file?

ianhaney
04-16-2017, 12:45 PM
Sorry got this working now