2017-04-26 5 views
0

Ich weiß, dass es andere Fragen wie meine gibt, aber was auch immer ich mache, gibt null oder undefined zurück. Ich weiß nicht, wo ich falsch liege.Wert von Bootstrap erhalten 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); 
}; 

Antwort

0

Check Code unten. hoffe es wird dir helfen!

<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

so der Code nicht funktioniert, weil es in document.ready war? es hat endlich funktioniert, danke! – jc13

Verwandte Themen