| Server IP : 134.29.175.74 / Your IP : 216.73.216.160 Web Server : nginx/1.10.2 System : Windows NT CST-WEBSERVER 10.0 build 19045 (Windows 10) i586 User : Administrator ( 0) PHP Version : 7.1.0 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/nginx/html/Student/JimMartinson/examples/ |
Upload File : |
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jquery2</title>
<link href="../css/site.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.core.min.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.theme.min.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.autocomplete.min.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.menu.min.css" rel="stylesheet" type="text/css">
<link href="../jQueryAssets/jquery.ui.datepicker.min.css" rel="stylesheet" type="text/css">
<script src="../jQueryAssets/jquery-1.11.1.min.js"></script>
<script src="../jQueryAssets/jquery.ui-1.10.4.autocomplete.min.js"></script>
<script src="../jQueryAssets/jquery.ui-1.10.4.datepicker.min.js"></script>
</head>
<body>
<input type="text" id="Autocomplete1"> from list
<br>
<input type="text" id="Autocomplete2"> from file
<br>
begin date: <input type="text" id="Datepicker1" onChange="setFirst();">
end date: <input type="text" id="Datepicker2">
<script type="text/javascript">
$(function() {
$( "#Autocomplete1" ).autocomplete({
autoFocus:true,
source:["test","ooga","talk","orange","booga"]
});
});
$(function() {
$( "#Autocomplete2" ).autocomplete({
source: function( request, response ) {
$.ajax({
url: "http://mmdt1144.loc/examples/jquery2.json",
data: {term: request.term},
dataType: "json",
success: function( data ) {
response( $.map( data.myData, function( item ) {
return {
label: item.label,
value: item.value
}
}));
}
});
}
});
});
//console.log($( "#Autocomplete1" ).autoFocus);
$(function() {
$( "#Datepicker1" )['datepicker']({
dateFormat:"yy-mm-dd",
minDate:1,
changeMonth:true
});
//console.log('66');
});
$(function() {
$( "#Datepicker2" )['datepicker']({
dateFormat:"yy-mm-dd",
minDate:1,
changeMonth:true
});
//console.log('74');
});
function setFirst() {
var begDate = new Date(document.getElementById('Datepicker1').value);
if ( begDate != 'Invalid Date' ) {
var today = new Date();
//console.log('begDate='+begDate+' today='+today);
var timeDiff = Math.abs(today.getTime() - begDate.getTime());
var minDateAdd = Math.ceil(timeDiff / (1000 * 3600 * 24)) + 1;
//console.log('minDateAdd='+minDateAdd);
$('#Datepicker2').datepicker('option', 'minDate', minDateAdd);
}
}
</script>
</body>
</html>