Questions tagged [datetimepicker]

1

votes
1

answer
491

Views

Angular material date-picker min and max date validation messages

How to show the validation messages for min and max dates validation errors in Angular Material Datepicker Date is Required Here Required validation has been set. Like same I want to show Date should be higher than 01/01/2019 message if user typed the date which is less than minDate. I knew that all...
Karthik Arwin
1

votes
1

answer
63

Views

Date is not set in DateTime Picker in Asp.net MVC

I have one edit form, On-grid click, all value assign to relative fields, I have one field that is DOB, and I try to assign DOB in datepicker, but DOB do not assign in datepicker & where I am going to wrong that I am not able to understand I am working with Asp.net MVC using c# Scripts Code @Html.L...
shivani
1

votes
0

answer
276

Views

jQuery datetimepicker - how to prevent scroll / focus?

I'm using jQuery datetimepicker on some datetime inputs. Whenever a user changes the date with the datetimepicker's popup calendar, the related input field is focused and hence the browser may automatically scroll up/down on mobile (which is awkward UI) Is there a way to prevent this scrolling? Than...
user6122500
1

votes
0

answer
2.2k

Views

Date Picker not working on bootstrap 4 webpage

Datepicker and timepicker are not working along with jquery-3.2.1.slim.min.js popper.min.js and while removing it modal and bootstrap carousel are not working How to resolve this issue? Header files .ui-timepicker-container.ui-timepicker-standard { z-index: 100000 !important; } .input-group-addon...
1

votes
0

answer
4.8k

Views

Format returned date in Angular owl-date-time picker

From the below, you can see that I'm using the NEW (1.5.1) owl-date-time picker to return a selected value to the input box. All is well, except that it's returned as M/d/yyyy and I would like it shown to the user as yyyy-MM-dd. The [attr.value] does it correctly but doesn't alter what is shown on...
Fewster
1

votes
0

answer
249

Views

problems with ng2-eonasdan-datetimepicker

i have a problems with ng2-eonasdan-datetimepicker i installed via npm , i put the row in angular-cli 'styles': [ 'styles.css', '../node_modules/bootstrap/dist/css/bootstrap.min.css', '../node_modules/font-awesome/css/font-awesome.css', '../node_modules/eonasdan-bootstrap-datetimepicker/build/css/bo...
Gazano
1

votes
1

answer
1.3k

Views

How to change format from 12hrs to 24 hrs in html5 datetime picker?

I am using datetime picker from Html5. But It is containing 12 Hrs time with A.M or P.M, But I want to set 24 hrs place of A.M, P.M. I am refering this link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/datetime-local My problem is only I want to set 24 hrs in time.
V SH
1

votes
1

answer
24

Views

Initializing dateTimePicker to today's date but date not showing in text portion of control

I am setting DateTimePicker value to today's date. dtDate.Checked = true; dtDate.Value = System.DateTime.Today; if (dtDate.Handle == null) System.Threading.Thread.Sleep(0); dtDate.Checked = false; Calendar date gets set which is confirmed by accessing the calendar. However the text is blank. How do...
Darrell
1

votes
0

answer
675

Views

Cannot read property 'datepickerLocale' of undefined

This may be a specific issue but I am stuck after quite some debugging done. Maybe a fresh pair of eyes would see something I am missing. I have posted only the relevant code snippets, as it is a bigger app. Everything works fine, however I keep getting this error and I don't exactly know what woul...
Duhanes
1

votes
1

answer
284

Views

How to get time from time picker using jQuery and convert into ms-sql time(7) format?

I want to get time from time picker using java-script and convert into ms-sql time(7) format. This Is my time picker code : In Time
t_rex
1

votes
1

answer
63

Views

Xpages - Script stopping a document from saving/updating

I have a strange issue, that only affects some users. I have a custom control on an xpage, which contains a modal, within which is a date time picker based on this: https://xpagesandmore.blogspot.co.uk/2014/09/using-bootstrap-datetimepicker-in-xpages.html When some users click the following save but...
Chris Richards
1

votes
0

answer
331

Views

Error parsing the date/time string: Wrong time format jquery timepicker

I'm working with the datetimeRange from jquery timepicker but it keeps indicating that I have the wrong time format, even though it looks like everything is exactly the same. Does anyone see where the problem is? I'm not sure if it's because of the UTC at the end. Error: Error parsing the date/time...
Stella Han
1

votes
0

answer
56

Views

requirejs - Getting an error loading last module in define array([])

I have been experiencing an error to load the last module in define array. Ex: define(['jquery', 'js/custom','moment','bootstrap','datetimepicker'], function ($, custom) { $('#input_start_date').datetimepicker({}); )); Getting an error: Uncaught TypeError: $(...).datetimepicker is not a function def...
Bijal
1

votes
1

answer
73

Views

Cannot open bootstrap datetimepicker in iphone meteor app

we have used bootstrap datetimepicker in our meteor app. Bootstrap datetimepicker works perfectly fine in android app and all desktop browser but in IOS app, it doesnt open, we have to touch the div/txbox for like 5 second or more in order to open it. Tried with click event and it opens on click eve...
Bugs
0

votes
0

answer
3

Views

DateTImePickerFormField Does not dismiss keyboard after date selected

I am trying to create an age field validator using the DateTimePickerFormField package in flutter. I can make the calendar appear but, I cannot dismiss it after selecting the date. I have checked on youtube and flutter package site and I'm not sure where I went wrong here Widget _buildDateField(Bui...
A True Novice
1

votes
1

answer
1.9k

Views

Bootstrap 4 (v4.1.1) date time picker drop down issue

Can somebody fix this issue for bootstrap latest version (v4.1.1). Dropdown is not showing correctly. or suggest me a good date time picker for bootstrap latest version. Please check Codepen Link Bootstrap 4 (v4.1.1 ) Date Time Picker
Sinju Angajan
1

votes
1

answer
511

Views

How to have datepicker set default year?

I am using bootstrap datepicker and I only show the years. When I load the page, I would like to set a default year, tried the following but the current year (2018) is hightlited instead. $('#sandbox-container div').datepicker({ format: 'yyyy', viewMode: 'years', minViewMode: 'years', updateViewDat...
rob.m
1

votes
1

answer
147

Views

How to restrict date and time in django bootstrap datetimepicker plus?

i am newbie using jquery stuff and date time picker. i am using https://github.com/monim67/django-bootstrap-datepicker-plus in my django forms . User cannot pick date more then next two days and cannot select time from 18:00 to 8:00 . how to manage all this . i had used jquery in it but didn't accom...
1

votes
0

answer
25

Views

datetimepicker - Set defaultTime always return 01 hours

as the title says, I use the datetimepicker plugin of boostrap, and I only show the time, I want to set a default time such as 09:20 but the result is 01:20, any time I put the time always comes in 01 , my code is as follows: **$('#dtpHour').datetimepicker({ locale:locale, format:'HH:mm', allowInput...
1

votes
0

answer
21

Views

How to set the min date to the datetimepicker

I am currently having a start and end datetimepicker. The condition is the start time value cannot be greater than the end value or the start value cannot be less than the end value. If any of the events happen, I need to default the date value to min value. Here is my code $('#endTime').on('dp.chan...
jatsen
1

votes
1

answer
41

Views

ToolStripControlHost defaults to (0,0) location when adding to a ContextMenuStrip

This question builds off of this question. What I am doing is attempting to add a DateTimePicker control to a contextmenustrip using ToolStripControlHost. What is odd is the first time I select it in the contextmenu it shows at the location (0,0) When I hover back to the option again, it displays at...
Matthew M
1

votes
1

answer
50

Views

Issue Comparing Moments in JavaScript

I've got the following code that checks to see whether the start date is >= to the end date. Almost every time I compare the two dates when they are identical, the difference between the dates is something less than 0. Here is my code: var end = $('#job_end').datetimepicker('date'); var start = $('#...
Cannon Moyer
1

votes
0

answer
16

Views

Bootstrap datetime picker time is not showing on the edit page, why?

From the Mysql database I am getting this value: Variable $pickup value is: Array ( [0] => 01:00 PM [1] => 01:00 AM [2] => 01:00 PM [3] => 01:00 PM ) now I am showing it this way: Start Time
creativeartbd
1

votes
0

answer
75

Views

Show hour and after minutes, without showing the window with icons in Tempus Dominus Js

I am using Rails and bootstrap4-datetime-picker-rails , and it use Tempus Dominus JS . I want on hours select, show only hour and after show minutes, without showing the hour and minutes together. I read the documentation but don't understand if it is possible. I am using this code: CoffeScript $('#...
Carlos Fagiani Jr
1

votes
0

answer
37

Views

I am using ngx-bootstrap datepicker if i type a number, its automatically formatiing

I am using bootstrap date picker if i type a number, its automatically formatting(force parse). So,how can i false 'force-Parse' in bootstrap date picker. if i'm giving four digit or five digit(11111)when focus-out its automatically formatting like '11/11/0001'.so i'm want to disable force-pars...
Senthil Vel
1

votes
2

answer
50

Views

TimePicker Component value not populating in view

Initially while selecting the time onchange working properly. this.state = { driverReportingTime: '' } handleTime(event, time) { this.setState({ driverReportingTime: time }) } In the View mode If I want to populate the saved Time response in Screenshot The time is not populating. Please let me know...
user9883888
1

votes
1

answer
97

Views

Cannot use bootstrap-datetimepicker

I want to include datetime picker in my template but having done this tutorial http://www.lisenme.com/date-time-picker-input-field-using-bootstrap/ my css and js files still cannot be found by django. in template: and the error: Not Found: /js/bootstrap-datetimepicker.min.js Not Found: /css/bootstra...
superuser
1

votes
1

answer
76

Views

Issue calculating sleep time with moment.js and react native.

Detailed screenshot of issues I'm trying to calculate sleep time in react native using moment.js and this datetime picker. When I try it, the result is always 0 which is not correct. This is the format that I'm using from moment.js: moment.duration(moment(this.selectedEndDateTime).diff(moment(this.s...
ericm21
1

votes
1

answer
196

Views

Tempus Dominus without an input field

This sample code is not working: $('#idbtn').datetimepicker();
Pierre-Jean Coudert
1

votes
0

answer
101

Views

TempusDominus Bootstrap4 mix multiple configuration of multiple instances

If I use 2 different instances of TempusDominus Bootstrap4 with different configurations, the result is a mixed UNEXPECTED new configuration for both instances This is an examples code: Periodo $(function() { $('#datetimepicker1').datetimepicker({ useCurrent: false, format: 'MMMM YYYY'}); $('#Peri...
CyberGuerro
1

votes
0

answer
118

Views

Tempus Dominus allowMultiDate incorrectly places current date into input field

I am trying to implement a multidate input with Tempus Dominus. I set the picker to display a month or so in advance. I have useCurrent set to false. When I select a date from the picker a month or so in advance the current date is inserted also and the picker pane jumps back to current dates month...
James McDonald
1

votes
1

answer
137

Views

Angular matDatepicker locale fail typing in input box

If I use a datepicker as in and set a locale as in providers: [ { provide: LOCALE_ID, useValue: 'it-IT' }, { provide: MAT_DATE_LOCALE, useValue: 'it-IT' }] it works if the user select date from picker, but if he types inside the input box the date is not parsed in the right way. Eg: the Italia...
user2959635
0

votes
1

answer
19

Views

How to change view of bootstrap-datetimepicker to show days when the format includes time?

I am using bootstrap-datetimepicker to allow users to filter dashboard content by date. The datepicker is formatted as 'YYYY-MM-DD hh:mm:ss', it needs to be in this format. The problem is when I click on the element, the view mode is showing a time selector. I need it to show the days instead. I tri...
Michael
1

votes
2

answer
64

Views

Button can be enabled only if textbox AND datetimepicker is filled

[Edited Version based on replies] I would like the button1 to be enabled only if both textbox and datetimepicker are filled. I am able to do for the text but not for datetimepicker. Here is my full code. FYI: my datetimepicker is being formatted to empty initially to allow user to choose a date hims...
masyita shariff
1

votes
1

answer
78

Views

Bootstrap datetimepicker does not open

I am using two calendars on the page, start and end dates, using Bootstrap date time picker. Oddly, it works fine when run locally from within Visual Studio 2017; but when deployed clicking text box or icon has no effect. I checked for similar problem online and tried all suggestion: using class nam...
NoBullMan
1

votes
0

answer
27

Views

Conceptual custom angular DateTimePicker question

I was asked to develop a custom date time picker with angular. My first thought was to develop a custom component, which would have a single input type text element and a div which would be invisible (this div would contain the calendar, hours, cancel and apply buttons). When user focus on the input...
Bruno Miguel
1

votes
1

answer
102

Views

catch value on event emit from child component in parent component

I have a component vue-datetimepicker that has the following : export default { name: 'vue-datetimepicker', data () { return { value: '' } }, watch: { options: function (options) { // update options $(this.$el).datetimepicker({ data: options }) } }, mounted: function () { var vm = this var mycomp =...
Ciasto piekarz
1

votes
0

answer
37

Views

Can I block some dates in the django calender datepicker

I am trying to design a self-scheduling meeting page using Django. I am planning to use DateTime picker and show the available time slots to book. In datepicker how can I block the unavailable time slots? I have check DateFromToRangeFilter filter etc. Seems like these functionalities cannot satisfy...
Divya M
1

votes
1

answer
40

Views

Read custom format in datetimepicker c#

I want to do dateTimePicker to choose and read only year. This is my code, but when on third row where is dateTimePicker1.Value it's someone else because when i open file is show me hour, date, month and year. I trying to change value with customformat but make me mistake and want to change to str...
yoanna.d
1

votes
0

answer
28

Views

Can I use a datepicker variable in Calculation?

Using a datetime picker and get time in Milli using it get period fro two date pickers. I have two DatePickers based on user input data is stored in Calendar variable to display in a textview. LocalDate today = firstdate; LocalDate secondDate = userpicked date; Period p = Period.between(today, secon...
Fathead

View additional questions