2017-04-26 2 views
0

Je sais qu'il y a d'autres questions comme la mienne, mais quoi que je fasse, elle renvoie null ou undefined. Je ne sais pas où je vais mal.Obtenir la valeur de Bootstrap DateTimePicker

HTML

<div class="col-sm-6" style="height:130px;"> 
    <div class="form-group"> 
     <div class='input-group date' id='datetimepicker10'> 
      <input type='text'></input> 
      <span class="input-group-addon"> 
       <span class="glyphicon glyphicon-calendar"></span> 
      </span> 
     </div> 
    </div> 
</div> 

<div> 
    <input type="submit" value="Check" onclick="dateCheck()" /> 
</div> 

JavaScript

var dates = {}; 

$(function() { 
    $('#datetimepicker10').datetimepicker({ 
     viewMode: 'years', 
     format: 'YYYY-MM-DD' 
    }); 
    //dates.strt = $('#datetimepicker10').datetimepicker().getDate(); //returns UNDEFINED 
    //dates.strt = $('#datetimepicker10').find('input').val();   // doesn't display anything 
    dates.diffInDays = (new Date($('#datetimepicker10').val()).valueOf()-new Date('2017-04-26').valueOf())/(3600*24*1000); 
    dates.str = $('#datetimepicker10').data("DateTimePicker").date(); 
}); 

function dateCheck() { 
    alert(dates.str); 
}; 

Répondre

0

chèque ci-dessous le code. J'espère que cela vous aidera! Donc le code n'a pas fonctionné parce qu'il était dans document.ready?

<div class="col-sm-6" style="height:130px;"> 
     <div class="form-group"> 
      <div class='input-group date' > 
       <input type='text' class="form-control" id='datetimepicker10'></input> 
       <span class="input-group-addon"> 
        <span class="glyphicon glyphicon-calendar"> 
        </span> 
       </span> 
      </div> 
     </div> 
    </div> 
    <div> 
     <input type="submit" value="Check" onclick="dateCheck()" /> 
    </div> 
<script type="text/javascript"> 
    var dates = {}; 
    $(document).ready(function() { 
     $('#datetimepicker10').datepicker({ 
     viewMode: 'years', 
     format: 'yyyy-mm-dd' 
     }); 
    }); 

    function dateCheck() { 
    dates.diffInDays = (new Date($('#datetimepicker10').val()).valueOf() - new Date('2017-04-26').valueOf())/(3600 * 24 * 1000); 
    dates.str = $('#datetimepicker10').val(); 
     alert(dates.str); 
    } 
</script> 
+0

ça a finalement marché, merci! – jc13