only first row shows datepicker , subsequent rows not show datepicker. have read other references none seem help. attached image reference. working on codeigniter framework.
have no clue why happening. view code is
<?php global $user; ?> <style> .datatables_filter { padding:10px; } .caption { margin-left:10px; } .datatables_paginate { float:right; margin-right:10px; } td,th{ padding-left: 10px!important; padding-right: 10px!important; } .dashboard-stat { padding:0px!important;; } .hidden_fields { position: absolute; width: 400px; height: 255px; background: #fff; border: 1px solid #ccc; margin-top: 10px; display: none; padding-top:10px; } .hidden_fields ul { width:170px; float:left; } .minimize { display: none; } ol, ul { list-style: none; } .right_mey { color:#000; } </style> <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/plugins/select2/select2_metro.css" /> <input type="hidden" id="page_name" value="requests"> <section class="content-header"> <h1> resignation requests<small> <span class=""> </small> </h1> <ol class="breadcrumb"> <li><a href="<?php base_url(); ?>"><i class="fa fa-home"></i> home</a></li> <li><a href="#">my requests</a></li> <li>resignation requests</li> </ol> </section> <input type="hidden" id="page_name" value="requests"> <div class="container-fluid"> <div class="row"> <!-- thought day--> <div class="panel wrapper clearfix m-b-none"> <?php $total = count($rows); if($total == 0) { ?> <div class="panel-header"><a href="<?php echo base_url(); ?>exits/my_resignation_request" class="btn btn-info">add new</a></div> <?php } ?> <div class=""> <!-- begin dashboard stats --> <table cellpadding="10px" border="1" style="background:none;width:75%;" rules="rows" class="tab_data"> <thead> <th>employee name</th> <th>absconding since</th> <th>absconding days</th> <th>date , time of phone call</th> <th>date of email sent</th> <th>supervisor comments</th> <th>trigger absconding alert</th> </thead> <tbody> <?php $serial_no = 1; $i = 0; foreach($rows $row){ $i++; ?> <tr> <td style="width:10%"> <?php echo $row['firstname']; ?> </td> <td><div class="date" data-date="12-02-2012" data-date-format="mm-dd-yyyy" data-date-viewmode="years"> <input placeholder="requested last working day" class="col-md-4 form-control " id="startdt" type="text" name="requested_date" value="" required/></td> <td style="width:10%"> <?php echo $row['requested_date']; ?> </td> <td style="width:10%"> <?php echo $row['last_status']; ?> </td> <td style="width:10%"> <?php echo $row['date_last_status']; ?> </td> <td style="width:10%"> <?php echo $row['agreed_date']; ?> </td> <td style="width:10%"> <?php echo anchor('exits/raise_absconding_trigger/'.$row['userid'],"<button type='button' class='btn btn-primary'>trigger</button>",array('rel'=>$row->id,'class'=>'edit_row')); ?> </td> </tr> <?php } ?> </tbody> </table> </div> </div> </div> </div> <script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/data-tables/jquery.datatables.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/data-tables/dt_bootstrap.js"></script> <script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/select2/select2.min.js"></script> <script> $(document).ready(function(){ $(document).click(function(e){ if(($(e.target).parent().attr("class") == 'choose_field_column ') || ($(e.target).parent().hasclass('txt'))) { } else { if($(".hidden_fields").is(":visible")) { $(".maximize").show(); $(".minimize").hide(); $(".hidden_fields").hide(); } } }); $(".selectfunction").select2({ placeholder: "select function", allowclear: true }); $(".maximize").click(function(){ $(this).parent().find(".hidden_fields").show(); $('.hidden_fields').click(function(e){ e.stoppropagation(); }) $(this).hide(); $(".minimize").show(); }); $(".minimize").click(function(){ $(this).parent().find(".hidden_fields").hide(); $('.hidden_fields').click(function(e){ e.stoppropagation(); }) $(this).hide(); $(".maximize").show(); }); function filcheck(chkval){ if($('#'+chkval).is(':checked')){ $("#"+chkval).removeattr('checked'); } else { $("#"+chkval).attr ( "checked" ,"checked" ); } } $(".selectlevel").select2({ placeholder: "select level", allowclear: true }); $(".selectlocation").select2({ placeholder: "select location", allowclear: true }); $(".selectsuper").select2({ placeholder: "select supervisor", allowclear: true }); $(".selectyear").select2({ placeholder: "select year", allowclear: true }); }); </script> <script> /*$(document).ready(function(){ $('#reservation').daterangepicker(); })*/ </script> <script type="text/javascript" src="<?php echo base_url(); ?>assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script> <script> function parsedate(str) { var mdy = str.split('/') return new date(mdy[2], mdy[0]-1, mdy[1]); } function daydiff(first, second) { return math.round((second-first)/(1000*60*60*24)); } $(document).ready(function(){ $("#startdt").datepicker({ dateformat: 'dd-mm-yy', changemonth: true, changeyear: true, showbuttonpanel: true, yearrange: "-90:+0", startdate: new date(), autoclose: true }).on('changedate', function (selected) { var mindate = new date(selected.date.valueof()); $('#enddt').datepicker('setstartdate', mindate); }); $("#enddt").datepicker({ dateformat: 'dd-mm-yy', changemonth: true, changeyear: true, showbuttonpanel: true, yearrange: "-90:+0" }); $("#enddt").change(function(){ if($("#startdt").val()!='' && $("#enddt").val()!='') { var startdt = $("#startdt").val(); var enddt = $("#enddt").val(); $("#daysleave").val(daydiff(parsedate(startdt), parsedate(enddt))); if($("#grievance_type").val()!='0') { var day_diff_today = daydiff(parsedate($("#today_dt").val()), parsedate($("#startdt").val())); if(((parseint($("#daysleave").val()) > parseint($("#grievance_type option:selected").attr("data-min"))) && (parseint($("#daysleave").val()) < parseint($("#grievance_type option:selected").attr("data-max"))))&&(day_diff_today > parseint($("#grievance_type option:selected").attr("data-approvaldays")))) { } else { $("#leaveallowedmodal").modal("show"); } } } }) $("#grievance_type").change(function(){ if($("#startdt").val()!='' && $("#enddt").val()!='' && $("#grievance_type").val()!='0') { var day_diff_today = daydiff(parsedate($("#today_dt").val()), parsedate($("#startdt").val())); if(((parseint($("#daysleave").val()) > parseint($("#grievance_type option:selected").attr("data-min"))) && (parseint($("#daysleave").val()) < parseint($("#grievance_type option:selected").attr("data-max"))))&&(day_diff_today > parseint($("#grievance_type option:selected").attr("data-approvaldays")))) { } else { $("#leaveallowedmodal").modal("show"); } } }) $(".date-picker").datepicker(); $("#optionsradios1").click(function(){ $("#myltamodal").modal("show"); }) $('#leaveallowedmodal').on('shown.bs.modal', function() { var msg = ''; if((parseint($("#daysleave").val()) > parseint($("#grievance_type option:selected").attr("data-min"))) && (parseint($("#daysleave").val()) < parseint($("#grievance_type option:selected").attr("data-max")))) { } else { msg = msg + "you wish apply "+$("#daysleave").val()+" day of "+$("#grievance_type option:selected").text()+". minimum , maximum no. of leaves allowed take @ time "+$("#grievance_type option:selected").attr("data-min")+" , "+$("#grievance_type option:selected").attr("data-max")+" respectively."; } var day_diff_today = daydiff(parsedate($("#today_dt").val()), parsedate($("#startdt").val())); if((day_diff_today < parseint($("#grievance_type option:selected").attr("data-approvaldays")))) { msg = msg + " no. of days of prior approval needed " + $("#grievance_type option:selected").attr("data-approvaldays") + " days"; } $(".allowed_text").html(msg); }) }); </script>
Comments
Post a Comment