javascriptjquerymomentjsbootstrap-datetimepicker

g.size() is not a function - Jquery Error

I have been trying to use bootstrap datetimepicker and have all the components on my scripts like Moment JS, bootstrap-date-time js, and bootstrap js but I am getting g.size() is not a function error. I am trying to run the following function

$(function(){
    $('#datetimepicker').datetimepicker();
  });

Solution

  • My solution was to find a different datetime picker that actually worked

    I found this one: https://github.com/xdan/datetimepicker, it was quite easy to get working:

    1. download the zip from github

    2. Include the files :

      <link href="./js/datetimepicker-master/build/jquery.datetimepicker.min.css" rel="stylesheet"> <script src="./js/datetimepicker-master/build/jquery.datetimepicker.full.min.js"></script>

    3. This HTML

      <input id="datetimepicker" type="text" />

    4. And this JS

      $.datetimepicker.setLocale('en');
      $('#datetimepicker').datetimepicker();

    I got this up and working in a tiny fraction of the amount of time I'd wasted trying to get the bootstrap datetimepicker to stop giving me the g.size() error.

    Of course there are many other datetime pickers available:

    See this post for many more options : whats-a-good-javascript-time-picker