Questions tagged [datetimepicker]

1

votes
2

answer
370

Views

show invalid messages on entering wrong input

I have written a code stuff using bootstrap-datetimepicker which has two datetime picker start and end. Code is working fine but I don't know how to show validation to the date time textfield. say for example in the datetime picker textfield when I enter some invalid date, it should validate and sho...
Alex Man
0

votes
0

answer
5

Views

How to use react-native-modal-datetime-picker to take multiple timings and display it

I have started learning react-native and I am using the react-native-modal-datetime-picker first time. I tried to take multiple timings from timePicker but I am not getting how to do it. I want to take 5 different timings for my app also I have to display it. following is my code for you to understa...
Ahtesham Shah
1

votes
1

answer
1.6k

Views

C# DateTimePicker - Bolded Dates?

Is it possible to set a series of bolded dates for a DateTimePicker control in a C# Windows Forms application?!
Goober
1

votes
5

answer
13k

Views

Read data from sql database using datetime picker

How to read data from database using datetimepicker value. I have a datetimepicker and a datagridview in my form. I want to get data from Sql databse table with the selected datetimepicker value. I try with this code Private Sub BTNFIND_Click(ByVal sender As System.Object, ByVal e As System.EventArg...
Thanzeem
1

votes
1

answer
1.5k

Views

Trent Richardson Datetime Picker doesn't work extended function .datetimepicker()

I think my problem is simple and perhaps not directly related to the component of Richardson. TypeError: $ (...). DateTimePicker is not a function jsFiddle: http://jsfiddle.net/bassvix/NUA6v/ Was added all the references of the Richardson´s sample page but still does not work. http://trentrichardso...
RichardsonVix
1

votes
2

answer
913

Views

TimePicker not updating from user input

I've an app that uses a custom dateTime Picker. when the user selects a time and clicks the SET button, it gets the time set on the spinner. My app checks the time and if it's not suitable based on some criteria i show the spinner again. The problem is when the user changes the time on the spinner...
turtleboy
1

votes
1

answer
1.8k

Views

Kendo DateTimePicker Manual Entry

I'd like to be able to manually enter a date into the dateTime picker and have it persist to the control. Example Code: http://jsfiddle.net/awDA4/39/ $(document).ready(function() { $("#datepicker").kendoDateTimePicker(); }); Say you enter a date by hand into the control like '08/08/2013' If you the...
Andrew Walters
1

votes
1

answer
4.4k

Views

timepicker Add on is not working

I am currently trying to embed the jQuery Timepicker Addon to my Page but somehow it won't work. I researched now for hours but no bug fix wether here on stackoverflow neither on blogs didn't help. Here is the code @model MvcApplication1.ViewModels.CalendarViewModel @{ ViewBag.Title = "Calendar"; }...
Superbyte
1

votes
1

answer
5.8k

Views

Is it possible to resize a DateTimePicker or MonthCalendar Control in VB.net

Essentially I want to re-size my dateTimePicker control to fit its parent container. I have tried to do this both through the Control Editor and programmatically but I simply cannot get the drop down calendar to expand at all. So 2 part question: a) Is this even possible to do? b) Is there an easy-t...
user2494918
1

votes
2

answer
11.3k

Views

How to create an iOS Time Picker programmatically?

I have a tiny little problem. I'd like to implement the time picker like: This screen grab is from iOS 6's day notifications of DO NOT DISTURB My question is how to do it ? Any ideas ???? Are there any tutorials/resources online that you folks could suggest as how to do this ? [edited] I should ha...
Miles Works
1

votes
3

answer
711

Views

Find Quarter of DateTimePicker Selected Date

I have a DateTimePicker named dtpDateSelection. When I select a date I need to break the date down into two variables. I need Quarter to equal the quarter that the date is in. And I need Year to equal the year that the date is in. I thought I knew how to do this but I'm having trouble. Here is t...
gromit1
1

votes
2

answer
5.5k

Views

MVC4 Eonasdan Bootstrap 3 Date Time picker doesn´t open the picker screen

I´m using a Bootstrap 3 date AND time picker linked here: DateTime Picker for Bootstrap 3 I can´t make the picking window open. When you click on the textbox, nothing happens and no messages are shown on browser Console (Chrome). So, in truth, the control is working as a simple textbox, not as a...
Mendes
1

votes
1

answer
2.2k

Views

Cannot change style of datetimepicker element

I use very nice jQuery datetimepicker plugin by XDSoft. In options, I set method onSelectDate, which is triggered when user select date from datepicker and I want ask to the database, if there is some reserved times for that date and if so, remove that times from timepicker, so user cannot choose th...
Vaclav
1

votes
1

answer
3.1k

Views

Bootstrap DateTimePicker + KnockoutJS custom binding: Can't clear field

I've created a custom KnockoutJS binding to use with Bootstrap DateTimePicker. Here's a JSFiddle to show what I mean: http://jsfiddle.net/dXGB3/7/ It works great, except for one very important detail: Say that, after choosing a date, the user deletes the date from the corresponding textbox. The "upd...
BenjiFB
1

votes
1

answer
1.8k

Views

jquery custom time format for datetimepicker

i am using this third party datetimepicker plugin for my date and time picking functionality. i want to customize my time format to 12 hour format with AM/PM, i have changed my code to achieve this $('#startTime').datetimepicker({ datepicker : false, format : 'g:i A' }); this some how satisfied my...
pappu_kutty
1

votes
1

answer
1.4k

Views

Auto submit jeditable onchange

I have form with x editable input fields and I would like those fields to auto submit data. Everything works fine except for datetimepicker. Basically, for x editable datetimepicker I have something like this: 27 Dec 1971 and script like this: $('.date2').editable({ format: 'yyyy-mm-dd', viewformat:...
Zoran Kalinić
1

votes
2

answer
5.8k

Views

How to set default DateTime as empty in Kendo DateTime picker

I am using Kendo datetime picker, as per their documentation I have set the date time as mentioned below, but by default this piece of code is setting current date and time. But I am looking for something like date time picker should be empty and user needs to be select the date and time. When I tri...
Abhinay
1

votes
1

answer
489

Views

Using the Short Time Format with WinForms' DateTimePicker

I want a DateTimePicker to display its time using the standard .NET Short Time Format, but the "Custom" option for the DateTimePicker doesn't take the standard format strings. Is there any way to get the equivalent custom format string for the DateTimePicker from the current culture (CultureInfo.Cur...
Matt Kline
1

votes
1

answer
133

Views

Adding members to interfaces declared in a module

I'm trying to use the Bootstrap Datetimepicker plugin in my TypeScript code. I've downloaded the .d.ts definitions for the plugin, but taht one does not include currently the method Datetimepicker.destroy. However, it's present in the plugin, so I would like to use it with type safety. Normally I w...
Zoltán Tamási
1

votes
2

answer
1.2k

Views

How to get first and last day in month view at DateTimePicker

I have a DataTimePicker in a Forms application. Is there an easy way (preferably in C#) to get the first and last shown day of a month. So for example for 1st of December I like to get the 24th of November 2014 and the 4th of January 2015 as shown in the picture.
Wernfried Domscheit
1

votes
1

answer
3k

Views

Validation in bootstrap timepicker-angular js

I'm using angular-ui bootstrap time picker. Code for start time and end time My Controller Code.. $scope.openStartTime = function ($event, type) { $event.preventDefault(); $event.stopPropagation(); if (type == 'date') { $scope.datepickerOpened1 = true; $scope.timepickerOpened1 = false; } else if (ty...
forgottofly
1

votes
1

answer
388

Views

Custom format for entire application

How to set/enforce common format for entire application? For grids and controls like dateTimePicker just to not worry about it while developing? I tried to set in my own wrapper on controls but every time I run the designer this value is overwritten. I'm afraid that when I want to change it I'd hav...
Tariktiri
1

votes
2

answer
4.6k

Views

How to get only year from kendo datepicker?

I want to get only year from kendo datepicker. var defaultyear = $("#datepicker").val(); // 2/22/2015 I want '2015'. I do not want to change display format. Thanks.
Ironman
1

votes
2

answer
1.9k

Views

How to subtract dateTimePicker fields in C#

I have 2 dateTimePicker fields on my form. How can I subtract those fields? For example if I have field1 = Friday/May/1 and field2 = Sunday/May/3 I want to get subtract value in textBox field3 = field2 - field1 = 3 (friday, saturday, sunday)
AYETY
1

votes
3

answer
3.8k

Views

ionic framework datetimepicker without jquery-bootstrap dependencies

I am developing a mobile app using ionic framework. I am looking for a datetime picker without jQuery and bootstrap dependencies. As ionic is using Angular its better if there is any angular datetimepicker without bootstrap. I found this angular-datepicker https://github.com/alongubkin/angular-datep...
nutboltu
1

votes
1

answer
589

Views

disable past dates and to-date duration to three month

I have created an application for getting a calendar using angularjs, I have used angular-bootstrap-datetimepicker plugin for achieving that. The application is working fine but the issue is that I want to disable all the pass dates apart from the current date as well as only three months should be...
Alex Man
1

votes
1

answer
1.6k

Views

Bootstrap 3 DateTimePicker (eonasdan) - How to quickly select year? (for birthdays)

Is it possible in eonasdan's bootstrap 3 datetimepicker to change the dayViewHeaderFormat to show decades or a drop-down menu to choose a year quickly? Because when someone wants to insert their birthday, it might take a lot of clicks to select the correct year and date. Is there an option to quick...
Elena Ep
1

votes
1

answer
52

Views

DateTime picker refuses to display

Hi I am new to MVC and I have an input box where a user must enter a date. For some reason my date time picker is not displaying and I have to manually type in the date. I have declared all script files in my layout page. Am I missing something? This is my display This is my code for my view @Html.L...
Michael Fung
1

votes
2

answer
6.3k

Views

Bootstrap DatetimePicker disable specific dates of week ( sunday - Wednesday)

Im using Bootstrap DateTimePicker to show a calender, and i want to remove some days from the calender (disable them) $(function () { $('#datetimepicker1').datetimepicker({ inline: true, format: "dd MM yyyy", defaultDate: null, disabledDates: function (date) { var day = date.getDay(); return [(day !...
1

votes
1

answer
2k

Views

Bootstrap datetimepicker - date based on input value

I am using Eonasdan/bootstrap-datetimepicker and cannot figure out how to set the initial datetime when the page is loaded based on the input's value attribute. When the page loads, the input is blank even though the field has a value. JS - $("#start").datetimepicker({ ignoreReadonly: true, useCurre...
NightMICU
1

votes
1

answer
4.3k

Views

Bootstrap datetimepicker set time to 00:00 not working

I'm using the bootstrap datetimepicker from Eonasdan: http://eonasdan.github.io/bootstrap-datetimepicker/. I found an issue similar to other questions (bootstrap-datetimepicker hours and minutes not defaulted to 00:00): when i open the datetimepicker, the time should be set as default to 00:00. I t...
Stefano Castriotta
1

votes
2

answer
4.4k

Views

Loading timePickerDialog from a fragment

I am trying to use a custom time picker and then run the picker from a fragment. This is the code for the time picker dialog (TimePickerFragment.java): package com.ravit.android.aroundtheclock; import android.app.Dialog; import android.app.DialogFragment; import android.app.Fragment; import android....
Ravit
1

votes
1

answer
1.4k

Views

Bootstrap 3 Datetimepicker eonasdan linked inputs set max date

im using the Plugin Bootstrap 3 Datetimepicker from eonasdan http://eonasdan.github.io/bootstrap-datetimepicker/ I have two linked inputs, the second one (#time_to) should be select up to 90 days from the date of the first input. But the maxDate starts at the current Date. For example: Today: 11. No...
jamie
1

votes
2

answer
167

Views

Reload jQuery plugin (datetimepicker) after generated HTML

I am having issues to trigger datetimepicker on generated html. Plugin is datetimepicker from http://xdsoft.net/jqplugins/datetimepicker/ What I tried so far $('#add_work_day').on('click', function() { nbr_line++; $('').appendTo('.work_day_block'); $('.datetimepicker').datetimepicker(); }); $('.work...
orugari
1

votes
2

answer
156

Views

How can I access the observable in my custom binding?

I am using Bootstrap 3 Datepicker to edit the date and time of one of the properties of my observable. It works fine when I am creating a new record but not to edit one that is already created. My custom binding is as follows ko.bindingHandlers.datetimepicker = { init: function (element, valueAccess...
mhcodner
1

votes
2

answer
3.3k

Views

Bootstrap datetimepicker style not displaying properly

I'm trying to use bootstrap-datetimepicker but I can't make it show properly. I followed the installation part of the tutorial. Screenshot My result : The example from the doc : HTML Javascript $('#add-event-start').datetimepicker({ allowInputToggle: true, locale: 'fr', icons: { time: "fa fa-clock-o...
auk
1

votes
1

answer
5.2k

Views

How do I add minutes step to Bootstrap DateTimePicker?

I tried with this and other methods, but it's still not working. $(function () { $('#datetimepicker').datetimepicker({ format: 'HH:mm', disabledTimeIntervals: [[moment({ h: 0 }), moment({ h: 6 })], [moment({ h: 17, m: 30 }), moment({ h: 24 })]], enabledHours: [6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16,...
AlexSash
1

votes
1

answer
161

Views

Error:- @ng-bootstrap\ng-bootstrap\datepicker\datepicker-navigation.d.ts.NgbDatepickerNavigation.html

I am getting error as I have updated to angular7? Package.json "dependencies": { "@angular/animations": "^7.0.3", "@angular/common": "^7.0.3", "@angular/compiler": "^7.0.3", "@angular/core": "^7.0.3", "@angular/forms": "^7.0.3", "@angular/http": "^7.0.3", "@angular/platform-browser": "^7.0.3", "@ang...
Mahi
2

votes
1

answer
39

Views

YADCF : range_date filter doesn't work with specific date format

I'm unable to make the range_date filter of yadcf to work. I'm using it with datatables.net. And I don't know if I am missing something or if it is a bug. I'm using this date format for the original data passed to datatable : YYYY-MM-DDTHH:mm. And I'm using this format to display the date in the da...
Vatvat99
3

votes
2

answer
3.4k

Views

Uncaught ReferenceError: $ is not defined when loading bootstrap date time picker in mvc

When I am adding the bootstrap date time picker, the calendar when clicking on the "glyphicon glyphicon-calendar" is not loading, have added all the files but it shows the error: Uncaught ReferenceError: $ is not defined at 1:417 view page: @Html.LabelFor(model => model.Date, htmlAttributes: new {...
user256

View additional questions