bootstrap-datetimepicker

Bootstrap 3 datetimepicker widget position

自闭症网瘾萝莉.ら 提交于 2020-01-01 09:32:50
问题 I am using bootstrap 3 diatomite picker widget, but I am unable to control its position. Right now the widget appears at the bottom of my page when I don't use horizontal and vertical options, but when I use horizontal and vertical options I get an error saying horizontal is not a valid option. These options are not working for me: horizontal: 'right', vertical: 'top' Here is my code: enter code here <input type="text" value="<fmt:formatDate value="${visitDetail.visitDate }" pattern="dd-MM

Set minDate to Today in Bootstrap DateTimePicker

▼魔方 西西 提交于 2020-01-01 04:22:08
问题 I'm using Bootstrap DateTime Picker (http://eonasdan.github.io/bootstrap-datetimepicker/) and I've found the basic option to set a minDate; but, I can't get it to set to today to save my life. I've tried things like Date(); but, nothing working. Anyone have any ideas? Example $('#date').datetimepicker({ pickTime: false, icons: { time: "fa fa-clock-o", date: "fa fa-calendar", up: "fa fa-arrow-up", down: "fa fa-arrow-down" }, startDate: new Date() }); 回答1: If you're using the latest version,

Bootstrap Glyphicons datetimepicker change icons

血红的双手。 提交于 2019-12-30 22:30:07
问题 I am using Bootstrap datetimepicker https://eonasdan.github.io/bootstrap-datetimepicker/ As mentioned in the document I was successfully able to change the up, down arrows using below code. $('#datetimepicker7').datetimepicker({ sideBySide: true, icons: { up: "fa fa-chevron-circle-up", down: "fa fa-chevron-circle-down", } }); May I know how to change the left, right icons of the calendar? For easy understanding I have highlighted the icons to be changes in below image. Any help would be

How to dynamically create bootstrap datepicker?

半世苍凉 提交于 2019-12-25 18:53:13
问题 I need to create a date picker dynamically using jQuery. In my form I will have button to create date picker. Below is the code I tried so far: <div id="examDatesContainer"> <div class="form-group"> <label for="examDate" class="col-sm-2 caption"> <fmt:message key="exam.date"/>:<strong style="font-size:14px;" class="asterisk">*</strong> </label> <div class="col-sm-4"> <div class="input-group date"> <input type="datetime" class="form-control examDate" id="examDate" name="examDate" value=""

Bootstrap DateTimePicker: Using Month/Year reverts back to showing days after clicked initially

荒凉一梦 提交于 2019-12-25 14:11:50
问题 I'm using Bootstrap.v3.Datetimepicker v4.17.43 in MVC 4.5 project. I set it up as follows: $(function() { var decDate = new Date(new Date().getFullYear(), 11, 31); $("#MyDatePicker") .datetimepicker({ viewMode: 'years', format: 'MM/YYYY', defaultDate: decDate }); }); This initially works as expected, showing only the years. However when clicking a second time, it reverts to show days. I uninstalled all my jquery and bootstrap and reinstalled it from scratch making sure I got the latest stable

Bootstrap DateTimePicker: Using Month/Year reverts back to showing days after clicked initially

坚强是说给别人听的谎言 提交于 2019-12-25 14:11:45
问题 I'm using Bootstrap.v3.Datetimepicker v4.17.43 in MVC 4.5 project. I set it up as follows: $(function() { var decDate = new Date(new Date().getFullYear(), 11, 31); $("#MyDatePicker") .datetimepicker({ viewMode: 'years', format: 'MM/YYYY', defaultDate: decDate }); }); This initially works as expected, showing only the years. However when clicking a second time, it reverts to show days. I uninstalled all my jquery and bootstrap and reinstalled it from scratch making sure I got the latest stable

How to call TextChanged of TextBox WebForm Control

孤人 提交于 2019-12-25 04:26:45
问题 I use TextBox WebForm Control configured like a Bootstrap Datetimepicker . And I need to initiate server side TextChanged event. The code I have does not work so it does not call server side part. HTML <div class='datepicker input-group date' id='datetimepickerStart'> <asp:TextBox ID="StartDate" class="form-control dateField" placeholder="Fecha" required runat="server" OnTextChanged="StartDate_TextChanged"></asp:TextBox> <span class="input-group-addon"> <span class="glyphicon glyphicon

Fetch week number and week start & end date using bootstrap datepicker

五迷三道 提交于 2019-12-25 03:32:42
问题 BootStrap DateTimePicker is there any option available to fetch the week number and week start and end date from the calendar. Demo link $('#datetimepicker1').datetimepicker({ format: 'DD/MM/YYYY', calendarWeeks:true }); Something similar to the HTML5 week attribute <input type="week"/> 回答1: I would rely on moment to provide the data you are looking for, specifically the Day of Week and Format functions http://momentjs.com/docs/#/get-set/day/ http://momentjs.com/docs/#/displaying/format/ See

samuelcolvin's django-bootstrap3-datetimepicker not showing calendar when clicked on input field

不问归期 提交于 2019-12-24 16:31:54
问题 I am trying to use samuelcolvin's django-bootstrap3-datetimepicker in which its based on Eonasdan's bootstrap-datetimepicker but forked from nkunihiko's django-bootstrap3-datetimepicker to show the calendar so the user can select the date and time and submit it. The issue I am having is that when I try to click on the field or on the right button with the calendar icon in it like in the demo website, it does not show me nothing. I also had to add widgets.py from the repo into my project since

bootstrap-ui-datetime-picker change button style

断了今生、忘了曾经 提交于 2019-12-24 11:23:11
问题 with bootstrap-ui-datetime-picker I try to change (today, date, close, now) button style, but not working for me. In my controller, I add new options for picker where I translate this buttons, and where I try to change class like here in documentation nothing happened. My question is, how to change button style in date and time picker? thnx date: date4.setDate(date4.getDate()), datepickerOptions: { showWeeks: true, startingDay: 1, // minDate: date4.setDate((new Date()).getDate() + 1); minDate