I'm searching programmer who can code Jquery search between two dates.
I have file storage website where is directory tree (over 80 000 files).
And want do add there date search.
Date numbers is in filename like:
45356345-0001_2016-02-18_18_33_54.JPG
Directory tree:
I've tryed this code:
Code:
function showDirectoryTree(title, ajaxcall, post_action){
$('#big_modal-2').html(' ');
var output = '<p class="lead text-search-info">'+title+'</p>';
output += '<hr />';
output += '<p id="dir-links" class="lead"><?php echo keel::get("Palun oodake...")?></p>';
output += '<p id="dir-links-backup" style="display:none"></p>';
output += '<hr /><div class="col-lg-5 right"><div class="input-group"><input type="text" class="form-control" id="text-search" placeholder="<?php echo keel::get("Otsi ja filtreeri")?>" />';
output += '<span class="input-group-btn"><button style="padding: 7.5px 12px;" class="btn btn-default" id="otsing" type="button"><i class="fa fa-search"></i></button></span></div></div>';
output += '<div class="row"><div style="float:left; width:17%;"><input type="text" style="height:37px;" class="form-control" id="startDate" placeholder="DD/MM/YY"></div> <div style="float:left; width:17%; margin:0 1%;"><div class="input-group"><input type="text" style="width:97.71px; height:37px;" class="form-control" id="endDate" placeholder="DD/MM/YY" /><span class="input-group-btn"><button style="padding: 7.5px 12px; left:-1px;" class="btn btn-default" id="dateOtsing" type="button"><i class="fa fa-search"></i></button></span></div></div></div>';
output += '<a class="close-reveal-modal"></a>';
$('#big_modal-2').append(output);
$('#big_modal-2').reveal();
$.get('<?php echo klooke::get('base_url')?>'+ajaxcall, function(data) {
$('#dir-links').html(data);
$('#dir-links-backup').html(data);
bindTreeLinks(post_action);
});
jQuery.expr[':'].Contains = jQuery.expr.createPseudo(function(arg) {
return function( elem ) {
return ( elem.textContent || elem.innerText || (getText && getText( elem ))).toUpperCase().indexOf(arg.toUpperCase()) >= 0;
};
});
$(function() {
var startDate = $('#startDate').val();
var endDate = $('#endDate').val();
$("#startDate").datepicker().val().replace("/", "-").replace(" ", "-");
$("#endDate").datepicker().val().replace("/", "-").replace(" ", "-");
$("#dateOtsing").click(function() {
var from = $("#startDate").datepicker("getDate");
var to = $("#endDate").datepicker("getDate");
$("#dir-links li:Contains('"+startDate+", "+endDate+"')").show().filter( function() {
var curDate = new Date( $(this).find("li:not(:Contains('"+startDate+", "+endDate+"'))").first().text() ).getTime(),
fromDate = from.getTime(),
toDate = to.getTime();
return ( curDate > toDate ) || ( curDate < fromDate );
}).hide();
});
});
Best wishes,
suemaolen,






