javascript - Datepicker not showing days - Bootstrap -
i'm struggling answer this, reason i'm struggling because datepicker working on 1 of pages.
could issue i'm loading datatable @ same time datepicker? because on broken page, i'm loading datatable uses date datepicker.
problem reproduced
jsfiddle - without including filterloggingtable function, works fine.
code snippet datepicker
if (typeof $('#generatedate, #loggingdatepicker').datepicker !== 'undefined') { var currentdate = new date(); $('#generatedate, #loggingdatepicker').datepicker( { format: 'dd-mm-yyyy', autoclose: false }); $('#generatedate, #loggingdatepicker').datepicker('setvalue', currentdate).datepicker('update').datepicker(); }
html (broken datepicker)
<div class="col-sm-6"> <div class="input-group date col-md-3 pull-right" data-date-format="dd-mm-yyyy" data-date="12-04-2015"> <input id="loggingdatepicker" class="form-control" type="text" value="12-04-2015" size="14" /> <span class="input-group-addon add-on"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div>
html (working datepicker)
<div class="col-md-4 form-group"> <div class="input-group date " data-date-format="dd-mm-yyyy" data-date="12-04-2015"> <input id="generatedate" class="form-control generatepdfbtns" type="text" value="12-04-2015" size="14" /> <span class="input-group-addon add-on"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div>
broken page
working page
ok. problem below line:
("tr:not(:has(>th))").show().filter
inside filterloggingtable()
function.
what hides or shows
tr
s in page when criteria matched!now why this effects calendar because bootstrap createstable
forcalendar
when initializedatepicker
, that table match above criteria should there fordatatables
.
so, need tr
s of datatable
below:
$('#datatables-example').find("tr:not(:has(>th))").show().filter(function ()
now can keep autoclose:false
if want..
Comments
Post a Comment