bootstrap-datetimepicker

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(); }); kris I had the same error as you, and I could not find a solution for it anywhere. In fact the only reference to the g.size() is not a function error was this question, at the time with only a single down vote. My solution was to find a different datetime picker that actually worked I found this one

Below is an EditorTemplate that renders a Bootstrap datetimepicker with EditorFor helpers, the problem I am seeing is with the script section. It works OK for one DateTimePicker per view - but since I am using class selector, whenever I use 2 or more DateTimePicker s per view it renders duplicate <script> sections, confusing the DOM as to on which TextBox to invoke the calendar. What am I missing here? @model DateTime? <div class='input-group date datePicker'> <span class="input-group-sm"> @Html.TextBox("", Model.HasValue ? Model.Value.ToString("d") : String.Empty) </span> </div> <script type=

HTML CODE: <div class="form-group"> <label class="col-md-3 control-label" for="event_date">Start at</label> <div class="col-md-8"> <input id="event_start_date" name="event_start_date" type="text" placeholder="" class="form-control input-md event_date" required=""> </div> </div> <div class="form-group"> <label class="col-md-3 control-label" for="event_date">End at</label> <div class="col-md-8"> <input id="event_end_date" name="event_end_date" type="text" placeholder="" class="form-control input-md event_date" required=""> </div> </div>` JavaScript code: $('#event_start_date').datetimepicker({

I am using bootstrap datetimepicker version 3. Here datetimepicker de-faulty taking current date and time. But in next version this problem is resolved. So I will try to use Eonasdan bootstrap datetimepicker version v4. For that what are the js and css files I have include in my jsp page? Check manual installation guide here . You must include: jQuery Moment.js Bootstrap + collapse + transitions So the files needed would be: bootstrap.min.js bootstrap.min.css moment-with-locales.js bootstrap-datetimepicker.css bootstrap-datetimepicker.js Check this fiddle for a working example. HTML: <br/> <!-

I am using bootstrap-datetimepicker plugin from Jonathan Peterson on my project. I'm having a problem with change event : If I define event like this : $('#Release').on('dp.change', function(e){ console.log(e.date()); }) I get the error : Uncaught TypeError: e.date is not a function Anyone knows how to get new date value on change event ? Looking at that link, it appears you are very close. You need to remove the parenthesis to get the right value.The way you currently are trying to log the value makes the browser think it needs to call a function. $('#Release').on('dp.change', function(e){