Bootstrap DatePicker with Bootstrap Modal Dialog -
i trying use bootstrap datepicker within bootstrap modal dialog box (bootstrap 3.0). date picker not displayed @ when using chrome browser displays in internet explorer when confirm or alert statement inserted indicated in code below.
var getdate = function () { bootstrapdialog.show({ title: "go date", message: '<div><input id="startdate" type="text" /></div', draggable: true, closable: false, cssclass: 'login-dialog', buttons: [{ label: "return date", action: function (dialogref) { alert($("#startdate").val().tolocalestring()); dialogref.close(); } }] }); // code works on ie9, ie10 , ie11 following line confirm(); var dp = $("#startdate"); dp.datepicker({ format: "dd/mm/yyyy", todaybtn: "linked", autoclose: true, todayhighlight: true, language: "en" }); } <input id="button1" type="button" value="button" onclick="getdate();" />
can tell me why happening , how fix problem?
this line of css should you:
.datepicker.dropdown-menu { height:245px; width:210px; **z-index: 2000 !important; text- indent:0px !important;**}
hope helpful ...
Comments
Post a Comment