Questions tagged [datepicker]

0

votes
1

answer
20

Views

How do I exclude dates from angular material datepicker?

I am using Angular Material and I have a dynamic array of dates that I wish to exclude from my datepicker. In addition I am also trying to exclude Saturdays. How can I return multiple dates with my matDatepickerFilter? Keep in mind that I cant hardcode each item of the array individually because the...
Julian Dave
1

votes
3

answer
219

Views

DataTables+Datepicker filter table by date range

Trying to implement DataTables filter by date range using two bounded datepickers. I've seen few similar questions at SO, but none of those having answers worked for me. So far, I managed to implement interface elements, but have no idea as of how to put them together to proceed further. Any help i...
user10894089
1

votes
2

answer
59

Views

DatePicker default date in other format

I have a WPF window with a DatePicket controller. I would like to show the current date not the 'Show Calendar' text. I used this reference xmlns:sys='clr-namespace:System;assembly=mscorlib' and this code It works fine but I would like to change the date format like this: yyyy. mm. dd. How can I do...
alratar
1

votes
4

answer
76

Views

how to change the datepicker date based on first date picker in jquery

i have two date picker i need to set add condition based on first date picker if first date picker selected current date then should be second date picker will select after next date of selected in date picker - 1 $(function() { $( '#datepicker1' ).datepicker({ minDate:0, dateFormat: 'yy-mm-dd' }...
prabhakaran7
1

votes
0

answer
16

Views

I have a problem saving the date I picked using date picker fragment to my database

I have this problem saving the date I picked in a string variable in my database I have already tried saving it formatted with a forward slash and not formatted as a whole number but none of these worked out for me I have it in a RecyclerView like a list of things that when you click on one of the...
Hitham
1

votes
1

answer
958

Views

jQuery Datepicker Overlaps With Previously Submitted Input Field

I am using jQuery Datepicker on a form that is being submitted and it is implemented on an input field. When I click on the input field to choose another date, previously submitted dates appear on the field and it partially blocks the UI of the date picker. Is there any clean solution for this? Than...
malzki
1

votes
2

answer
834

Views

How can I use Date Picker with django-filter?

I am trying to figure out how can I use datepicker with django-filter. I have tried a bunch of widgets but it's not working. Any suggestions will be appreciated! I want to use datepicker for the row_date search filter. filters.py from home2.models import AvailstaticCopy from django import forms impo...
Jass Waraich
0

votes
0

answer
5

Views

Vuetify's datepicker doesn't show the dates

My date picker correctly expands its modal but doesn't show the dates. Datepicker works perfectly on the codepen, it shows the dates but the same code doesn't work in my application. Here is the link to Codepen: https://codepen.io/anon/pen/QPBzLZ And here is my code: . . . . . . export default { dat...
seyet
1

votes
3

answer
28

Views

How can I style react-datepicker?

I'm using webpack, react-datepicker and have managed to import its css with the provided css module. import 'react-datepicker/dist/react-datepicker-cssmodules.css The component looks fine and dandy, but now I want to make it full width like the time element above it. Looking at the CSS, what it nee...
Sebastian Patten
1

votes
2

answer
4.4k

Views

Remove default buttons from Button Panel in datepicker

I want to keep the button panel but I do not want the 'Today' or 'Done' buttons jquery: $(document).ready(function () { $('.datepicker').datepicker({ showOn: 'button', buttonText: 'Date', showButtonPanel: true }); }); html: Start End
dan_vitch
1

votes
0

answer
46

Views

Why datepicker not appearing in my datagrid

Why datepicker is not appearing in my datagrid. I have textblock, one datepicker and then again textblock in total three columns, Those two textblocks appears properly but the datepicker do not appear. whereas there is no problem in binding because if a have applied same in the listview and there th...
testCoder coder
1

votes
2

answer
401

Views

Disable selection in TextField for selected Date in Swift

I just begin to learn iOS dev, here I want to show a datePicker and get date from the user, but I don't know how to show a DataPicker from the bottom of screen. After searching, I found that: dataPicker can be activated by a textField simply by 'myTextField.inputView = myDatepicker'. I did that, but...
Hao
1

votes
0

answer
895

Views

How can I keep the BsDatepicker from the ngx-bootstrap always open?

I want to realize that the bsdate picker is always open. So it is already open at startup and remains open after a click. In the old version an inline version was provided for it. In the current version I can find no example for it, only I found the switch isOpen, Or import { BsDatepickerConfig, BsL...
XJenso
1

votes
0

answer
47

Views

If any disabled dates between start date and end date, alert user about booking not possible

I have a booking page. eg, The booking start on 2018-01-10 and end on 2018-01-20. If some date 2018-01-15 and 2018-01-16 are disabled so how can we inform user 'there is some disabled dates in between 2018-01-10 and 2018-01-20 so bookings not possible'. or Not clickable end date. $('#dateFrom')....
sam sam
1

votes
1

answer
65

Views

Unable to Set value in Date picker for Android app

Below is the code written for Date Picker to set value List datePickerBox = driver.findElements(By.xpath('//* [@class='android.widget.EditText']')); WebElement day = datePickerBox.get(0); WebElement month = datePickerBox.get(1); WebElement year = datePickerBox.get(2); day.sendKeys('05'); System.out....
AshuM
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
282

Views

Use JQuery datepicker inside Dynamic Repeater Item

I've got a text-box inside a Repeater Control, which is not displayed unless a user-selected checkbox is clicked on. I can't get the datepicker to function for the date input when the textbox is displayed. here's some of the repeater code: There's a javascript function to turn the display-style to...
BWS
1

votes
0

answer
223

Views

Set default “to date” in ng2 datetime “from to datepicker”

Update: If I remove giving datepicker options from html, it works but I want to set default options like autoclose and all. I am using https://nkalinov.github.io/ng2-datetime/ for a 'from to' datepicker. I am able to set default date for the from datepicker whereas the to datepicker shows choose dat...
RemyaJ
1

votes
2

answer
156

Views

Valor datepicker custom locale

I am using Angular2 with typescript and Valor datepicker. Datepicker does not come with the required locale. I searched around and found that the required js file that has the locale info in, is present in momentjs git repository. How can I use that js file? I tried to replicate the way angular doe...
Marko Taht
1

votes
1

answer
439

Views

Using moment.js locales on ngx-bootstrap datepicker

ngx-bootstrap has a custom implementation for datepicker locales. As my project is already using moment.js locales, i'm wondering is it possible to use moment.js locales with ngx-bootstrap datepicker?
Hese
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
41

Views

jQuery datepicker issue with IE8 in Client Citrix Environment

I am currently developing a web application using standard asp.net (no MVC) for a client where a text box is required to have a calendar-datepicker and should not be having user input enabled. I have used the following references by downloading the corresponding files: the text field where I am addi...
Arkaprava Basak
1

votes
2

answer
400

Views

Disable Future Date in Datepicker of Materialize frame work

Here I am Using Date Picker of materialize frame work. Can anyone Please tell me how can i Disable Future Date from Current Date?
ARNAB DAS
1

votes
1

answer
410

Views

How to assign date and time using TimePicker and DatePicker and store it in Firebase Database? [closed]

Here's my problem, I want to assign a specific time and date. But my problem is how can I implement it in my program? I've been following this post : A method to store date and time in Android using Firebase? But the problem seems haven't yet solved. Here's my program, this program function is whe...
Sachihiro
1

votes
2

answer
130

Views

How to set the second date picker's minimum date as first date picker's selected date in Odoo 10

There are two date fields in a view, I want the user to select a time range, let's pretend the user picks 2016-06-06 in the first datepicker, is it possible to disable all dates previous to 2016-06-06 in the second datepicker? Something like this:
Alejandro Velasquez
1

votes
1

answer
117

Views

JavaFX DatePicker - remove textbox

I would like to use the JavaFX datepicker but I do not want the text box - I just want to show the button. Is there a way to: Remove the textbox? Increase the width of the button on the datepicker elements (I can cover the textbox if this is the only way) Thank you
amydowse
1

votes
1

answer
107

Views

how to apply anchor tag on highlight dates in calendar using jquery ui

My project work correctly highlight dates in calendar but I want when click on any highlight date show next page where complete event detail so, please anyone tell me ho to apply anchor tag on calendar date This is js code $(function () { var currentdate = new Date(); $.ajax({ type: 'GET', url: '@Ur...
Arslan
1

votes
1

answer
137

Views

Disable days datepicker based on selected dropdown

I'm having a problem disabling days of the week in the jQuery datepicker based on selected dropdown. Below is my HTML and javascript code: $('#dates').datepicker({ minDate: 0 }); @Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = 'form-control' , id = 'dates' } }) @Html.DropD...
user9302796
1

votes
0

answer
1.8k

Views

Display a selected date range (+ as the header) in DatePicker on Android

Does anyone know if it's possible in an Android DatePicker, to: a) Let a user ONLY select a given block of dates. e.g.. user taps on a 'W' day, then we automatically highlight that weeks Sunday -> Friday date range (each day is selected) b) In the header of the DatePicker, show the selected date ran...
ajonno
1

votes
0

answer
58

Views

How to set ng-model and some validate to bootstrap datepicker

When I refresh the page, my ng-model cannot be binding on text field, but when I call it on a label, the model can show the value of ng-model? This is my js file: $scope.today = function () { $scope.dt = new Date(); }; $scope.today(); $scope.clear = function () { $scope.dt = null; }; $scope.i...
Ali Ridho
1

votes
0

answer
148

Views

Change Title of Date Picker on android sdk 27

I am implementing the android DatePickerDialog in my android application. Previously, I have been able to call the DatePickerDialog.setTitle() method to change the title of the Dialog. However, while creating a project using Android SDK 27, the DatePickerDialog.setTitle() call doesn't seem to do any...
Ace Falobi
1

votes
0

answer
56

Views

How to get current format that has been set in bootstrap datepicker?

I'm using Bootstrap datepicker. While initializing, I use the option 'format': 'dd-M-yyyy'. $('.datepicker').datepicker({ weekStart: 0, format: 'dd-M-yyyy', autoclose: true }); I have some related functions to be called when the date is modified. Within these functions, I need to get the currently...
Arfath
1

votes
1

answer
683

Views

jQuery - bootstrap datepicker - how to reload/destroy?

I use bootstrap datepicker (here is URL: http://www.eyecon.ro/bootstrap-datepicker/) on my website. I load many elements dynamicly using AJAX (and forms too) so on first initialize AJAX I just add this code in AJAX complete function: $(function(){ // disabling dates var nowTemp = new Date(); var now...
Pavel K
1

votes
0

answer
125

Views

How could I create a date picker in groovy?

I see this code for create input field in groovy. I'm trying to find a example for create a date picker in groovy, but I don't see anything. How could I create a date picker in groovy? import groovy.swing.SwingBuilder import groovy.beans.Bindable import static javax.swing.JFrame.EXIT_ON_CLOSE im...
mightguy
1

votes
0

answer
232

Views

Angular material 2 jalali datepicker

I use this link for Persian date-picker But the calendar has problem. days start from 12 in all months. Esfand of 1396 has not 10 and 11 days!
Javad Rasouli
1

votes
1

answer
208

Views

How to place a date picker inside the filter attribute of ng-table in AngularJS?

How to place a datepicker inside the filter attribute of ng-table in angularjs? Is this possible? any one who can help me about this case. Thank You in advance for those who have a kind heart! And Sorry for my noob question. id: 'date' is not working. this is my person.js and person-table.html (fu...
Carlo Castro
1

votes
0

answer
55

Views

How can we add multiple color for multiple jquery ui datepicker?

I have a project in laravel. On one page I have several jQuery ui datepicker see the image below. When page loads I need to get some date from database and mark some color on calendar, based on data. At-present I can mark color only on one datepicker. How can I mark color on multiple datepicker? Cal...
sam sam
1

votes
1

answer
49

Views

Disables set of dates using materialdatetimepicker

I am using materialdatetimepicker to customise my calendar. My requirement is I want to disable all dates from today and next 31 days. What I have tried. 1 - Set the minimum date to Today - datePickerDialog.setMinDate(now); 2 - Maximum date to 31 days from today. - datePickerDialog.setMaxDate(cal);...
BRDroid
1

votes
1

answer
50

Views

Website date format changes after uploading even though cultures are set globally

I have created a form that uses a bootstrap datepicker to allow the user to input the date, and the methods used work perfectly when testing on my localhost. A problem occurred when i uploaded the site to do a final test which switches the date format throughout my site from dd/MM/yyyy to dd-MM-yyyy...
Joshua Parsons
1

votes
0

answer
115

Views

Dynamically change Min and Max date

I'm using jquery multiple date picker in Angular 4 Ag-Grid. I've scenario where the min and max date will change dynamically. Issue is the updated min and max value is updated only after i refresh the page. Is there any way to update the calendar without page refresh. I've created a sample plunker...
arunkumar

View additional questions