Datatables and Jquery
Datatables and Jquery
mafordable
Posts: 1Questions: 1Answers: 0
I am using datatables but it is not rendering with other libraries that are using script jquery calls. The culprits are below. Any help!?
<
div class="jumbotron">
<%# Date picker - http://jqueryui.com/datepicker/#date-range %>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Select a Date Range</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/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" href="/resources/demos/style.css">
<script>
$(function() {
$( "#from" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onClose: function( selectedDate ) {
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({
defaultDate: "+1w",
changeMonth: true,
numberOfMonths: 2,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
</head>
<body>
<label for="from">From</label>
<input type="text" id="from" name="from">
<label for="to">to</label>
<input type="text" id="to" name="to">
</body>
</html>
</script>
<html>
<head>
<
script>
<
script>
$.getJSON ("facility_date.json", function (obj) { $.each(obj, function (key,value){ $("ul").append(""+ value.facility_name +""); }); }); $select = $('#facility'); $.ajax({ url: 'facility_name.json', dataType:'JSON', success:function(data){ $select.html(''); //iterate over the data and append a select option $.each(data.facility_name, function(key, val){ $select.append('' + val.name + ''); }) }, error:function(){ //if there is an error append a 'none available' option $select.html('none available'); } });</head>
<body>
<%= select_tag 'facilities', options_from_collection_for_select(Claims.select(:facility_name).distinct.order('facility_name'), 'claim_id', 'facility_name')%>
</body>