javascript
  • null
  • undefined
  • datetimepicker
  • 2017-04-26 29 views 0 likes 
    0

    私のような他の質問があることを知っていますが、私はそれがnullまたはundefinedを返します。私はどこが間違っているのか分かりません。チェックコードの下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); 
    }; 
    

    答えて

    0

    。それがあなたを助けることを願って!

    <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

    文書内にあるのでコードが機能しませんでしたか?それは最終的に働いた、ありがとう! – jc13

    関連する問題