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
Post a Comment