javascript - jQuery date time picker -
i have looked @ number of answers similar questions on stackoverflow have been unable them working correctly. want have 2 date time pickers. 1 select start date , time mindate tomorrow , 1 select end date , time should @ least 1 hour after start date. @ moment code results in no date time picker being displayed end date , time , don't know why not displaying.
any advice appreciated thanks!
<div class="form-group"> @html.labelfor(model => model.startdate, htmlattributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @html.textboxfor(model => model.startdate, new { id = "datetimepicker3", @style = "width:150px" }) @html.validationmessagefor(model => model.startdate, "", new { @class = "text-danger" }) </div> </div> <div class="form-group"> @html.labelfor(model => model.enddate, htmlattributes: new { @class = "control-label col-md-2" }) <div class="col-md-10"> @html.textboxfor(model => model.enddate, new { id = "datetimepicker4", @style = "width:150px" }) @html.validationmessagefor(model => model.enddate, "", new { @class = "text-danger" }) </div> </div> <script type="text/javascript"> $(document).ready(function () { $('#datetimepicker3').datetimepicker({ format: 'd.m.y h:i', mindate:'-1969/12/31', inline: true, lang: 'en', onselect: function (date) { var selecteddate = new date(date); var msecsinonehour = 3600000; var enddate = new date(selecteddate.gettime() + msecsinonehour); $("#datetimepicker4").datepicker("option", "mindate", enddate); } }); $("#datetimepicker4").datepicker({ format: 'd.m.y h:i', inline: true, lang: 'en' }); }); </script>
Comments
Post a Comment