javascript - setMinDate and minDate function in Bootstrap 3 DatetimePicker not working -


javascript:

$('#dpstart').datetimepicker({         pickdate: true,                          picktime: false,         format: "dd-mm-yyyy",         useminutes: false,                        useseconds: false     });     $('#dpend').datetimepicker({         pickdate: true,                          picktime: false,         format: "dd-mm-yyyy",         useminutes: false,                        useseconds: false     });      $("#dpstart").on("change.dp", function(e) {         alert('hey');         $('#dpend').data("datetimepicker").setmindate(e.date);     }); 

html:

<div class="row">     <div class="col-md-6 col-sm-6 form-group">         <label for="txtstartdate">             start date-time</label>         <div class="input-group date" id="dpstart" data-date-format="dd-mm-yyyy">             <asp:textbox id="txtstartdate" runat="server" cssclass="form-control"></asp:textbox>             <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>             </span>         </div>     </div>     <div class="col-md-6 col-sm-6 form-group">         <label for="txtenddate">             end date-time</label>         <div class="input-group date" id="dpend" data-date-format="dd-mm-yyyy">             <asp:textbox id="txtenddate" runat="server" cssclass="form-control"></asp:textbox>             <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>             </span>         </div>     </div> </div> 

now, works pretty except .setmindate(e.date) returns $(...).data(...).setmindate not function in console. tried changing function .mindate(e.date) , $(...).data(...).mindate not function. please there somewhere getting things wrong? because scripts loaded in order

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.css"> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.js"></script> <link rel="stylesheet" href="{% static 'css/bootstrap-datetimepicker.css' %}" /> <script src="{% static 'bootstrap3_datetime/js/moment.min.js' %}"></script> <script src="{% static 'js/bootstrap-datetimepicker.js' %}"></script> 

thanks!

according bootstrap 3 datepicker doc should use this:

$('#dpend').data("datetimepicker").mindate(e.date); 

Comments

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -