FAQ Database Discussion Community


Can't position Bootstrap date picker in the right position

twitter-bootstrap,datepicker,bootstrap-datepicker
I have the following HTML where I want to position the datepicker between the Quantity select and the Submit button. It only shows up in the page after the button. <div class="container"> <form class="form-inline" role="form"> <!-- *** This should show-up first *** --> <div class="form-group col-sm-2"> <label label-default="label-default" for="Qty">Qty</label> <span...

Datepicker not showing days - Bootstrap

javascript,jquery,html,twitter-bootstrap,datepicker
I'm struggling with the answer to this, the reason I'm struggling is because the datepicker is working on one of my pages. Could an issue be that i'm loading a datatable at the same time as the datepicker? Because on the broken page, i'm loading the datatable which uses the...

Comparing dates using Dynamic Action on DatePicker Oracle Apex

oracle,dynamic,datepicker,action,oracle-apex
I have a date picker where the user simply chooses a date then a Dynamic Action is suppose to send an alert if the user clicks tomorrow(sysdate+1). The Datepicker term is the simple layout. The Dynamic Action--> Name: Valid Date Event: Change Selection type: Item(s) Item(s): datepicker_name Condition: equal to...

How to verify if specific date is monday in php

php,jquery,date,datepicker
i have a script that generates week days with a next and preview. It workes perfect but i also added a callendar that is autosubmiting on change. the problem i have with it is that when i select a day and that day is monday is still goes me to...

bootstrap datepicker invalid date issue when i click date twice?

javascript,jquery,twitter-bootstrap,date,datepicker
I'm using bootstrap datepicker and I got invalid date issue in a specific case. If I click today date it works fine but when I click the same date again it gives out invalid date issue. Same is the case for all the dates as I have seen other plugins...

validate jquery datepicker

jquery,html,jquery-ui,datepicker
i am looking for how to validate that user has selected a date or not. if he didn't selected a date form date picker he should be notified to select the date. i'm using jQuery datepicker. script i'm using is <script> $(function() { $( "#inputdate2" ).datepicker({ dateFormat: 'yy-mm-dd' }); });...

disabling specific dates from html datepicker jquery

javascript,jquery,web,datepicker
hey guys i am trying to set a datepicker in my webpage and disable some dates from it so it can't be showing this is the code: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <link href="jquery-ui/jquery-ui.css" rel="stylesheet"> <script src="jquery-ui/external/jquery/jquery.js" ></script> <script src="jquery-ui/jquery-ui.js"></script> <script> /** Days to be disabled as...

How to make a disabled DatePicker look like its enabled

css,javafx,datepicker
Is it possible to have a DatePicker object in JavaFX disabled, looking like an enabled DatePicker? Or, how to disable the popup window for the selection of the date ? I tried with: myDp.setDisable(true); myDp.setStyle("-fx-background-color: white"); but no other ideas.. any help? Thanks !!!...

fuelux : start datepicker on monday

datepicker,culture,fuelux
I try to load the datepicker of fuelux with start of the week to Monday. i have already try this: $('#myDatepicker').datepicker({ culture: 'fr', format: 'L' }); but without success......

Using Bootstrap Datepicker Internationally

twitter-bootstrap,datepicker,internationalization
I've been building an app that needs to work internationally. In this app, I'm using the Bootstrap Datepicker. I am able to successfully initializing a date picker using the following: <input id="myDatePicker" class="form-control input-sm" type="text" autocomplete="off" value=""> $('#myDatePicker').datepicker({ autoclose: true, clearBtn: true, language: 'zh-CN', startDate: '01/01/1900', todayHighlight: true }); When...

How execute directive logic after AngularJS template is evaluated?

javascript,angularjs,angularjs-directive,datepicker
I have a pretty simple question (I don't know if the answer will be as simple) : There is an input element : <input type="text" datepicker id="something-{{someValue}}" ng-model="someModel"> The datepicker directive consists in creating a jQueryUI datepicker linked to the input element. The problem is : Datepicker doesn't work like...

how to find the hours between two dates in jquery?

jquery,datepicker
I have start date and end date with start time and end time. I have start date as a one string,end date as another string, start time as a string and end time as string. I need to find out the hours between two days `var start_time = "12-05-2015"; var...

Spanish location for yii2-date-picker-widget

datepicker,yii2
I am working on the basic template of Yii2. I use the 2amigos yii2-date-picker-widget. Datepicker is working fine, but it keeps showing me the default language (that is English) instead of Spanish. As you can see in the code below, the language param is set to 'es': <?= $form->field($model, 'alta')->widget(...

Why has Chrome on Android's native HTML5 date picker become really slow?

android,html5,google-chrome,meteor,datepicker
I have a date picker on my site that just uses the default html5 date picker. I've noticed that up until a couple of weeks ago, it was working fine but ever since a recent update on Chrome Android, they've introduced a new date picker and this date picker is...

JQuery Datepicker doesn't change input value

javascript,jquery,jquery-ui,datepicker
I'm using a Jquery UI Datepicker addon as DateTimePicker http://jsfiddle.net/j5rkbnrt/1/ <input id="deliveryTime" name="deliveryTime" type="text" value="08/05/2015 10:00"> $('#deliveryTime').datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: 'HH:mm', }); The DateTimePicker is associated to the input field. When I select the date the value of the input field is not changed. So when I submit the form...

Wpf DatePicker validation error on startup

c#,wpf,validation,datepicker
I have a standard wpf datepicker box where the SelectedDate is bound: <DatePicker x:Name="EffDatePicker" SelectedDate="{Binding EffectiveDate, Mode=OneWayToSource}"/> When the page loads, the datepicker is getting highlighted with a red border, suggesting that the validation has failed, probably because the EffectiveDate is not set. I can set the effective date on...

how to disable end date range in Twitter bootstrap date picker?

jquery,datepicker
I want to disable the previous date. For example, If selected the start date as 2015-04-01, end date should start from 2015-04-01 only. Previous date should be disabled. $(document).ready(function () { var nowdate = new Date(); var now = new Date(nowdate.getFullYear(), nowdate.getMonth(), nowdate.getDate(), 0, 0, 0, 0); var startdate =...

How can I change the zIndex attribute of aui-datepicker in Liferay Portlet 6.2

datepicker,liferay,z-index,liferay-aui,alloy-ui
I have discoveder one problem with date field in portlet in LF 6.2. The problem is that after clicking on the input field, the datepicker is displaying, but with zIndex=0, that means it is under the portlet. If I change on firebug that parameter to 1, everything is OK. I...

How to target multiple datepicker in a form?

javascript,jquery,datepicker
I have a dynamic form with 4 datepicker inputs. How can I target these datepicker inputs to avoid past date after a first date is set? Here is my code $(function() { $( ".from" ).datepicker({ onClose: function( selectedDate ) { $( ".to" ).datepicker( "option", "minDate", selectedDate ); } }); $(...

jqueyr datetimepicker set to date depand on from date

javascript,php,jquery,datetime,datepicker
I am using jQuery "datetimepicker" and I want to set the "to date" value depend on the "from date" value and the Select box value which contains following values. 1- Weekly (7+ days) 2- Monthly (30+ days) 3- Half Yearly (6+ months) 3- Yearly (1+ Year) Example: 1- Select From...

Start DatePicker Dialog from specific Date

android,datepicker
I built a Date Picker Dialog and I would like to start it from a specific date and hide all years after 1995. How can I do that? My code: @Override protected Dialog onCreateDialog(int id) { switch (id) { case DATE_PICKER_ID: return new DatePickerDialog(this, pickerListener, year, month,day); } return null;...

Datepicker is automatically disappearing

jquery,twitter-bootstrap,datepicker
Having some trouble with the bootstrap datepicker. (http://bootstrap-datepicker.readthedocs.org/en/latest/) Basically, whenever I click anything outside of the datepicker it auto-hides/disappears. I don't want this to happen - I want it to remain visible. What do I do? HTML: <div class='row'> <div class='col-sm-12'> <div class='page-header page-header-with-icon mg-t'> <i class='fa-icon-calendar'></i> <h2>Training Calendar</h2> </div>...

quick way to add checkbox jQuery UI datepicker

jquery,jquery-ui,datepicker
I want to add the check box "no end date" to the end of my date picker widget. I see people using "beforeshow" method under datepicker but it doesn't seem to work. Here is what I have. $("#to").datepicker({ dayNamesMin: ["S", "M", "T", "W", "T", "F", "S"], firstDay: 1, dateFormat: "d...

jquery breaking another javascript

javascript,jquery,html,jquery-ui,datepicker
I am using a datepicker which came deafult with a html template , everything worked fine untill i used a custom jquery to hide a div using a radio button ... here are my top scripts <script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" ></script> <script type='text/javascript' src='js/plugins/jquery/jquery-ui.min.js'></script> <script type='text/javascript' src='js/plugins/jquery/jquery-migrate.min.js'></script> <script type='text/javascript'...

Jquery Enable/Disable checkbox

javascript,jquery,datepicker
I am trying to make this code work when the page has more than 1 group of datepicker. If you select the option "I currently work here" it affects both groups and I wanted to affect only the current group. My code $('.current-work-status').change(function () { $('.form-control-2').prop('disabled', $(this).is(':checked')); }); ...

jquery datetime picker not working

jquery,datepicker
Hi I am using jquery datetime picker in my laravel blade files. this is my code: <link href="/blog/public/css/datepicker.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="/blog/public/js/datepicker.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#datefield').datepicker(); }); </script> I checked every thing but datetime picker is not working. After Inspect the page I found datetime picker is empty!...

Bootstrap 3 DatePicker - How to reset selected date without resetting the picker configuration?

jquery,twitter-bootstrap,datepicker
I'm trying to reset the selected date on button click, but so far I'm only able to clear the input element, without the actual date on the picker. The following code resets everything, including the configuration and the date, so its obviously not what I need. $('#datepicker').datepicker('update',''); //resets everything To...

Retrieve date from DatePicker and move to another FXML file

javafx,datepicker
I got a question about passing a selected date from DatePicker to another FXML file. I’ve seen code in similar threads but I can’t seem to get my head around it. Basically I want to select a date from DatePicker (in DiscountController) and be able to retrieve that selected date...

what is the order for jquery in head tags

javascript,jquery,asp.net,datepicker,jquery-autocomplete
I'm using two different plugins of Jquery copied from different sites one is for datepicker in asp.net and second is for autocomplete textbox but only the files and code i paste right before the end of the head tag it works Datepicker files and js Code <link href="css/jquery.datepick.css" rel="stylesheet" />...

Disable past dates and enable only certain future dates in datepicker

javascript,jquery,datepicker,mindate
I am attempting to use the jQuery datepicker, but wish to disable all past days and allow only future Thursdays. I can get it to allow Thursdays, but the minDate functionality I add doesn't work with it. This is my code: <script> jQuery(document).ready(function() { jQuery('#input_40_4').datepicker({ beforeShowDay: function(date) { return [date.getDay()...

Tooltips over datepicker calendar

jquery,datepicker,jquery-ui-tooltip
I want to show tooltips when mouse is over a date in a jquery ui datepicker calendar. This is my code for creating the calendar and for adding the tooltip. Everything works except tooltips. function check_in_out_enable2(in_date, out_date) { "use strict"; var today, prev_date; today = new Date(); jQuery("#" + in_date).datepicker({...

Android: How to change the color of the dateselector in Datepicker widget?

android,colors,datepicker,calendar,selector
this is my first time posting a question. I've successfully implemented a Datepicker in my app (targeting only SDK 21 and above). I also want to style my Datepicker to blend with the rest of the app. This is what I have: <style name="MyDatePickerDialogTheme" parent="Theme.AppCompat.Light.Dialog"> <item name="android:datePickerStyle">@style/MyDatePickerStyle</item> <item name="android:colorAccent">@color/primDark</item> </style>...

Magento date picker is not working when current date is disable

javascript,php,magento,datepicker
I am using the magento date picker in front end for select Delivery date of product. I want to disable the previous dates, today and tomorrow. For this I use: disableFunc: function(date) { var now = new Date(Date.now() + 48 * 60 * 60 * 1000); if(date.getFullYear() < now.getFullYear()) {...

Bootstrap Datepicker maximum selection of N days

javascript,jquery,twitter-bootstrap,datepicker
I've got datepicker with option multidate and I want to define maximum days which user can select, for example 5 days, other days should be disabled. It should happen dynamically - user can select arbitrary 5 days and then other days should be blocked. How can I do that ?

Bootstrap Datepicker - Set default picker date, NOT display value

jquery,twitter-bootstrap,datepicker
I'm using Bootstrap-Datepicker, and it's working really well. One of the fields I'm using it for is a date of birth, and I know what the approximate age of the applicants is going to be, so it makes sense for me to default the picker to showing January 2000. However,...

Activate bootstrap date picker on injected element

javascript,jquery,twitter-bootstrap,datepicker,bootstrap
I am adding a input field to a modal after the page has loaded. It should be bound to a date picker as follows. $('.#example1').datepicker({ format: "dd/mm/yyyy" }); This does not work. If I run this code in chrome console after the page and input is visible it works not...

Init-Date in UIBootstrap datePicker

angularjs,datepicker,angular-ui-bootstrap
I'm currently working on a angular datepicker. To do so, I use the UIBootstrap datepicker. But I'm facing a problem. I need to use the init-date attribute : init-date : The initial date view when no model value is specified. The attribute seems to be available only on the datepicker...

angular-ui datepicker max-date doesn't work properly

javascript,angularjs,datepicker,angular-ui
I am trying to get the min-date and max-date to be set from the datepicker-options, but have been unsuccessful. A code snippet is attached. Any help? Thanks! angular.module('ui.bootstrap.demo', ['ui.bootstrap']); angular.module('ui.bootstrap.demo').controller('DatepickerDemoCtrl', function ($scope) { $scope.today = function() { $scope.dt = new Date(); }; $scope.today(); $scope.dateOptions = { formatYear: 'yy', minDate: '05/01/2015',...

Bootstrap datepicker: The format is changed to default

javascript,twitter-bootstrap,jsf,datepicker
I want to have a datepicker with the format dd.mm.yyyy. The inputField looks like this: <h:inputText value="#{eventController.startdateAgenda}" styleClass="datepicker form-control" id="id_startdate" converterMessage="Example: 26.05.2015" > <f:convertDateTime pattern="dd.MM.yyyy"/> </h:inputText> The JavaScript part: $(document).ready(function () { $('.datepicker').datepicker({ format: 'dd.mm.yyyy', autoclose: true }); }); That works for the first time. But when I clear and...

how can I get the date picker to start select from at least 8 previous days back from this days date?

jquery,twitter-bootstrap,date,datepicker
I try to make a date picker where you can only choose dates from 8 days left. If we have the date 09 / 05-2015 you can not select (8,7,6,5,4,3,2) but you can choose the 01 / 05-2015 and go down. How can i make that? $(document).ready(function() { $(".date-picker").datepicker({ todayHighlight:...

Hide Calendar Button on DatePicker?

javafx,datepicker
Is there a simple way to hide the calendar button on the DatePicker Node in JavaFX? Some of our dates are not editable, and the calendar button is just adding to the width of the field.

Convert JSON.NET date to jQuery UI Datepicker format

jquery,jquery-ui,datepicker,momentjs
I am serializing and passing a date out of my controller using JsonConvert.SerializeObject and sending it to a jQuery UI Datepicker field. Right now the output is like "2015-12-05T00:00:00" and I want it to be in a format of MM/DD/YYYY. My output is available via the AJAX returned data object...

Do event after click , Datepicker bootstrap

javascript,jquery,twitter-bootstrap,datepicker
I'm using datepicker bootstrap 3. I want to do another event when I select a date. My code: $('td.day').click(function(){ alert("It's Not work") }) <tr> <td class="day">8</td> <td class="day">9</td> <td class="day">10</td> <td class="day">11</td> <td class="day">12</td> <td class="disabled day">13</td> <td class="disabled day">14</td> </tr> a demo JSFiddle...

jQuery datepicker on dynamically generated rows

javascript,jquery,html,datepicker
I am dynamically generating table rows using the following javascript codes: $('#addNew').on('click', function() { var clone = $('table.table-responsive tr.cloneme:first').clone(); console.log(clone); clone.append("<td><button class='deleteAdded btn btn-danger'>Remove</button></td>") $('table.table-responsive').append(clone); calculateSum(); }); And this is my script for appending jQuery calendar to date inputs $(function() { $('input').filter('.datepicker').datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true,...

create jquery array for ajax post

javascript,jquery,ajax,datepicker
How can I convert the output of drp.getDateRange to an array so that I can post it via AJAX? I have updated this code to represent the advice given below <script> var drp; var myArray = []; function makedatepicker() { drp = $("#myDate").datepicker({}); } function getRange() { var data =...

IE Input type Date not appearing as Date Picker

internet-explorer,date,datepicker
I am using the input type DATE in my HTML and everything works fine in Chrome and Firefox, but IE does not show the date picker. When I use the JQuery Datepicker I get two date picker dialogs in Chrome and Firefox. How can I fix this where I can...

swift: send value back to UITableViewController from dynamic cell with UIDatePicker

swift,datepicker,tableview,tableviewcell
I've got a dynamic table with a cell for a UIDatePicker. There's a function in the UITableViewCell class that updates a variable when the picker changes. I'm just having trouble getting that value back to the UITableViewController class. I can print the correct variable while spinning the picker, but when...

Datepicker set today's day as a default

javascript,jquery,datepicker,set,default
So I have a datepicker and when I select a day, the day of the week is inserted into another input. $( "#datepicker" ).datepicker({ dateFormat: "dd-mm-yy", onSelect: function(){ var seldate = $(this).datepicker('getDate'); var day = seldate.getUTCDay(); var weekday=new Array(); weekday[0]="Maandag"; weekday[1]="Dinsdag"; weekday[2]="Woensdag"; weekday[3]="Donderdag"; weekday[4]="Vrijdag"; weekday[5]="Zaterdag"; weekday[6]="Zondag"; var dayOfWeek = weekday[day];...

how to setText from value of DatePickerDialog

android,datepicker,settext,android-datepicker
Im trying to pick date after clicking on button and setting its value on TextView. This thread helped Datepicker: How to popup datepicker when click on button and store value in variable But im unable to set value of datepicker on setText,the textview object v returns empty nullpointerexception. v.setText(new StringBuilder()...

Showing month and year in jquery datepicker

jquery,asp.net,datepicker
I am trying to show year and month where users can select year and month as dropdown from the date-picker but my issue is that the year drop down is not showing all the years when you select it first. For example, when i select the year drop-down, it shows...

How to get accurate age(including year and months) from current date?

android,methods,datepicker,monthcalendar
I want to find the exact age not just in years but should get exact months also. ie current date:18-05-2015, the date i want to test is 01-01-2010-Output should be 4years 8 months. public float getAge (int _year, int _month, int _day) { GregorianCalendar cal = new GregorianCalendar(); int y,...

jQuery UI Datepicker set display month

jquery,jquery-ui,datepicker
I need to set the display month on a datepicker in the click event of another control. Is that possible? I can't use the setDate method since that will set a specific date, whereas I'm trying to emulate the prev/next month buttons on the datepicker. EDIT: I'm using the inline...

Disable all Dates in Zebra Date Picker jQuery Plugin prior to a Date

jquery,datepicker
I am using a jQuery Date Picker plugin called Zebra DatePicker: Zebra DatePicker: http://stefangabos.ro/jquery/zebra-datepicker/ GitHub: https://github.com/stefangabos/Zebra_Datepicker/ I am using it on a Project Management app which opens Project Task records in a Modal DIV and sets up this DatePicker to select a Task Due Date. The plugin has the option...

Date Pickers with Strings like Yesterday, Tomorrow instead of Dates [closed]

javascript,jquery,datepicker
Are there any Javascript Date pickers that allow us to choose human language dates like 'Yesterday', 'Tomorrow', 'Next Week', etc. instead of actual dates? In fact any client-side library that would give us this functionality would be useful....

HTML date picker view

javascript,html,css,html5,datepicker
How can I change the view of the date picker? Can I, for example, remove some elements or replace the entire picker by my own? It's important for me to use type="date". Is it only possible for type="text"? By default, date picker looks like this It's standard date picker without...

Why are Angular date pickers so slow?

javascript,angularjs,datepicker,bootstrap-datepicker
Why do Angular JS date pickers use so much CPU? When you have a few of them on a page they significantly slow a site down. Is there any way to mitigate this? For example, the official Angular for Bootstrap directive: And the mobinni/material-date-picker: ...

Setting dateFormat of jquery ui datepicker restricts free text in input

jquery,jquery-ui,datepicker
I am using a jquery ui datepicker. I simply want to set the dateFormat to something like: "dd/mm/yy", so my javascript is: $("#datepicker").datepicker({ dateFormat: "dd/mm/yy" }); And the relevant html is: <input type='text' id='datepicker'> However, doing this restricts the text that can be entered into the input element (I can't...

How to enter value of datepicker into text field

javascript,jquery,ruby-on-rails,ruby,datepicker
I have a list of tasks and each task has an edit date option which I use jquery datepicker for. This is my application.js: $(function() { $('.date').datepicker({dateFormat: 'yy-mm-dd'}); }); This is my _edit_form.html.erb: <%= form_for task do |f| %> <div class='form-group'> <%= f.text_field :description, placeholder: 'create a task' %> </div>...

AngularJS Filter Value From DatePicker

jquery,angularjs,datepicker
I am trying to filter my ng-repeat based on a date selected in a datepicker. My HTML/Javascript: <script> $('#myFirstDate').datepicker({ startDate: '+1d', todayHighlight: true }).on('changeDate', function(e){ var theDate= $('#myFirstDate').datepicker('getDate').toString(); var regex = /[A-Z]\w+/; theDate = regex.exec(theDate); }); </script> <div class="itemcontainer" ng-repeat="BreadToOrder in BreadsToOrder | filter:{ days: theDate}"> <img ng-src="img/{{BreadToOrder.text|lowercase|nospace}}.jpg"></img><span...

Datepicker for date of birth input field

javascript,php,datepicker
I have a registration portal in which I change its view according to my template and now I want to add an input field to add date of birth with date picker how to use script in this registration page to add date picker. <html> <head> <title></title> <link href="catalog/view/theme/default/stylesheet/stylesheet1.css" rel=stylesheet...

Struts2 jqGrid DatePicker in Column Filter

jquery,jsp,struts2,jqgrid,datepicker
I have a jsp running Struts2 jqGrid plugin. I have enabled the filter row at the top of the grid, one of the columns is a date column and I want to be able to change the textbox at the top of the column into a DatePicker. The id of...

Kendo Date to Date Time

html,css,angularjs,kendo-ui,datepicker
I am switching between a Kendo Date-Time picker and a Kendo Date Picker. The Picker alternates between the two depending on if the user has selected "All Day" - which then only the Date Picker is shown. However, when switching from the Date-Picker, to the Date-Time picker, if one alters...

Texbox to accept year greater than 18 years

asp.net,datepicker
I am Datepicker calendar for adding dates for birth date, What I want is now, that the textbox should accept date which is greater than 18 years from today. Here is my code. <asp:TextBox ID="txtBirth" runat="server" Width="75"></asp:TextBox> JQUERY code:- $(function () { $("#txtBirth").datepicker(); }); ...

How to set the date in materialize datepicker

javascript,jquery,datepicker,material-design
I am using materializecss.com Datepicker. When i try to set date with jquery, the date doesn't get set. Here is my Code :- // Materialize Date Picker window.picker = $('.datepicker').pickadate({ selectMonths: true, // Creates a dropdown to control month selectYears: 100, // Creates a dropdown of 15 years to control...

Twitter Bootstrap: How to disable dates before a selected date dynamically

javascript,jquery,twitter-bootstrap,datepicker
I am using twitter bootstrap 3. This is what i need to implement: 2 Date pickers. User can select the start and end-date After selecting the start date i want to disable all the dates preceding it dynamically in the second Date picker. Many tutorials i searched but they all...

Running into problems using React Datepicker with rails

javascript,ruby-on-rails,datepicker,reactjs
I am using this datepicker plugin for react: https://github.com/Hacker0x01/react-datepicker I keep getting the following error: Uncaught TypeError: this.props.moment is not a function in react-datepicker.min.js. I just copied the example code, and I can see the input field, but whenever I click on it to render the calendar, it keeps giving...

Capturing a value in a jQuery UI datepicker and alerting it back to the user

javascript,jquery,jquery-ui,datepicker
I need your help. How can some functionality be added onto the existing code below such that it will make the options below possible: If the date1 field is blank and the user selects a date, an alert message will popup and say "User has selected [date]" If the date1...

Bootstrap Datepicker not displaying correctly

asp.net-mvc,twitter-bootstrap,datepicker
Hi Ive put in a bootstrap date picker on my asp.net mvc form. Ive set it up so it starts displaying years from a decade. But the date picker only displays the years as one longer string, its functional though @section Scripts { @Scripts.Render("~/bundles/jqueryval") @Scripts.Render("~/bundles/bootstrap") <script type="text/javascript"> $("#DateOfBirth").datepicker({ format: "dd/mm/yyyy",...

jQuery ui datepicker in direction rtl page - position issue

jquery,user-interface,datepicker,right-to-left
I am working on an Arabic (rtl direction) form with a ui calendar for selecting dob. using jquery.ui.datepicker.js There is no left or right style coming from script to position the calendar near the input location. top value is correct. Now the calendar is positioned to the right of the...

Clearing the Kendo Datepicker input field from the footer

javascript,jquery,kendo-ui,datepicker
I'm trying to put a button in my Kendo Datepicker footer that can be used to clear the input field, but the Datepicker treats any text or button in the footer as a shortcut for the current date. Does anyone know how to override this behaviour? Thanks My current code:...

jQuery datepicker - code won't work?

javascript,jquery,jquery-ui,datepicker
New to jQuery. I cannot get the datepicker to work. Can anyone tell my what I am doing wrong? Thank you, any help is appreciated. Here is the skeleton code: <html> <head> <title>Example</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script> $(function() { $("#quoteDate").datepicker(); }); </script>...

How can I disable DatePicker from viewmodel WPF MVVM

c#,wpf,mvvm,datepicker
I am developing a WPF application using WPF, I have a combobox which selected item is bound to viewmodel and i have a datepicker. I want to Disable the datepicker in the view depending on the selecteditem of the combobox. the combo: <ComboBox x:Name="comboBox2" Grid.Row="6" Grid.Column="1" SelectedIndex="0" ItemsSource="{Binding Path=DueDateOptions}" SelectedValue="{Binding...

Can't access DatePicker.ValidationCallback in my code

java,android,datepicker,android-widget
I have a simple DatePickerFragment that extends DialogFragment. I'm wanting to set a validation callback so I can prevent "OK" being selected if an invalid date is picked. I first tried setMaxDate and that grays out the invalid choices but still allows them to be selected and OK to be...

angularjs datepicker directive “Missing instance data” on dynamic form fields

jquery,angularjs,jquery-ui,datepicker
I have an angularjs app that tracks household member data. One of the more important fields is DOB. I used the following overflow post to make a custom datepicker directive jQuery ui datepicker with Angularjs here is the code //jquery datepicker through angular angularApp.directive('datepicker', function() { return { restrict: 'A',...

Display Datetime picker on tiny mce plugin

javascript,jquery,jquery-ui,datepicker,tinymce
I am using j-query tinyMce plugin as editor . Everything was going fine . But now i need to add a custom button so that i can insert date from a date picker . What i did is added a button in the toolbar . and its working to show...

Mulit jQuery UI Datepickers with different settings

javascript,jquery,jquery-ui,datepicker
I am trying to show more than one datepicker with different settings on one page using jQuery UI. //Datepicker $("input.date-picker").datepicker({ }); // Additional settings $("input.date-picker.multi-calendars").datepicker({ numberOfMonths: 3 }); "//Additional settings" simply gets ignored and only the "//Datepicker" get applied despite setting the datepicker to show 3 months when it has...

Angularjs filter ng-repeat by datepicker

angularjs,datepicker,angularjs-filter
Can someone help me to filter my ng-repeat using datepicker?, I'm not that expert when it comes to these and I'm still in the learning process. I really appreciate your help. Thank you. here is my html: <form style=" text-align: center;"> <div class="row"> <div class="col-xs-6"> <p class="input-group"> <input type="text" class="form-control"...

Bootstrap Modal + Datepicker + Form Values

jquery,forms,twitter-bootstrap,datepicker,bootstrap-modal
I have a form inside a bootstrap modal that has an input using bootstrap datepicker. I use this modal as an "update" form to update a saved database record. The values get passed to the form correctly. However, if I click on the datepicker input, the date dropdown comes up,...

how to put datepicker in controller in yii

php,jquery,ajax,yii,datepicker
I have a form in yii and one field in form is come from controller by clicking on a button. if i pass text field instead of datepicker then it works otherwise it gives error so what to do now? my form code is as below: <div class="row buttonproduct" hidden>...

jquery ui datepicker not working with tabs

php,jquery,jquery-ui,tabs,datepicker
When a user switches tabs in the jquery ui code they can click on a button to add data to a jqgrid. The only thing that is not working is datepicker; it will launch one time and after that when switching to a new tab it will not launch again....

Datepicker with class selector - range functionality should only work inside the unit

jquery,datepicker
I have repetitive html units as bellow, html unit: <div class="unit"> <div class="half"> <label class="label-1">From : </label> <div class="input-container" > <input class="period-start" name="period[start][]" value="" type="text" > </div> </div> <div class="half"> <label class="label-1">Till : </label> <div class="input-container" > <input class="period-end" name="period[end][]" value="" type="text" > </div> </div> </div> I initialize the...

Jquery Date - determine a sunday?

javascript,jquery,datepicker
We have implemented a datepicker as part of a booking process using this plugin - http://keith-wood.name/datepick.html It basically populates a series of divs with month dates in columns which correspond to a day column - the issue we are having is disabling a sunday.. So - we are trying to...

Bootstrap datepicker: Disable past date after first is set

jquery,twitter-bootstrap,datepicker
How can I disable past dates after first date is selected? I already tried this solution but it didn't work: This is not working My code: jsfiddle var nowTemp = new Date(); var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0); var checkin = $('.form-control-1').datepicker({ autoclose: true, minViewMode:...

DatePicker block out weekends

jquery,datepicker
I need to skip out weekends on the DatePicker calendar. The first post below helped me to figure out how to block out weekends, however, this on it's own will not work for what I need. Let me give a couple of examples: Lets say today is Monday. The best...

How do I keep the datepicker field empty on load?

javascript,jquery,datepicker,bootstrap
I have 3 date pickers on my page and the selected dates are stored in the database. If the values are empty I want the field to be empty, but it shows today's date. I have used the below code, jQuery('.date-picker').datepicker({ startDate: new Date(), autoclose: true, todayHighlight: true, setDate: ''...

How to use the bootstrap datepicker?

javascript,jquery,angularjs,twitter-bootstrap,datepicker
I'm fairly new to Angular.js (or to web programming in general). I got a pretty basic problem - I'd like to include a date picker in my application. For this purpose, I try to set up the bootstrap datepicker: https://bootstrap-datepicker.readthedocs.org/en/latest/# I have the jQuery and Bootstrap dependencies included: <link rel="stylesheet"...

Format date shown on DatePicker

date,datepicker,windows-phone-8.1,format
I created a Pivot Project on Visual Studio 2013. I created the following control: <DatePicker Header="Data" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10,10,0,0" Width="341"/> When I tap on it on my phone, it displays the date as M/D/Y. Is it possible to display it as D/M/Y? Also, don't know if I should create another...

how to display datepicker upto current date and should not display future date in yii framework

yii,datepicker
i am developing web application by using yii framework, i am displaying datepicker for filing date of birth, i have two dropdown also in my datepicker like month and year now everything is working fine. this is my datepicker with month and year dropdown code <?php $this->widget('zii.widgets.jui.CJuiDatePicker', array( 'attribute' =>...

Date incrementing issue in bootstrap date picker

javascript,angularjs,date,datepicker,bootstrap-datepicker
I'm using bootstrap datepicker where the date when selected ,the ng-model $scope.taskInfo.startDate contains the selected date as Mon Jun 01 2015 00:00:00 GMT+0530 (India Standard Time) ie., $scope.taskInfo.startDate = Mon Jun 01 2015 00:00:00 GMT+0530 (India Standard Time) But when I perform date manipulation on my model,the date seems to...

How to achieve multiple datepicker functionality with two buttons and save those dates that are picked?

java,android,android-activity,datepicker
I want to create an activity in which I want to have two button and multiple label. a user can click on buttons to select dates from and to. while those selected dates can be shown in label so that user might know which dates already picked by user. Can...

Bootstrap DatePicker CSS Styling not Working

jquery,css,twitter-bootstrap,datepicker,bootstrap-datepicker
I am trying to use the datepicker from the datepicker site, but the CSS is not working as it should. Here is my output and what I want it to look like: Here's a jsFiddle here and the relevant code: <div class="input-daterange"> <input type="text" class="input" value="2012-04-05" /> <span class="add-on">to</span> <input...

DatePicker BlackoutDates all future and some past

wpf,datepicker
I have a WPF application where a birthdate is required using DatePicker. I'd like to blackout dates of tomorrow and the rest of time in addition to, say 134 years ago and everything beyond that. I've tried accomplishing this with BlackoutDates because we still want to allow for manual user...

Two separate text fields using a DatePicker instead of keyboard in IOS

ios,swift,datepicker,uitextfield
I have two separate text fields that both use a date picker to select a date, however, when I edit one, both display the same date. How do I separate the two so that each has its own date picker? @IBOutlet weak var dateField1: UITextField! @IBOutlet weak var dateField2: UITextField!...

Showing Jquery Variable in HTML

jquery,html,jquery-ui,datepicker
I have used jQuery Datepicker successfully for some time to input two dates ("ArrivalDate" and "DepartureDate"). Now I am trying to adapt the present page to show the difference between the two. This should be revealed (jQuery slideDown) after the second date has been inputted. My HTML is <form action="tba.php"...

How to use datepicker in dynamically created jQuery UI dialog?

javascript,jquery,jquery-ui,datepicker,dialog
I have trouble to active the datepicker() in a dynamically created jQuery UI dialog(): index.html $(document).ready(function() { var $loading = $('<img src="./images/loading.gif" alt="loading">'); $('.page-popup').each(function() { var $dialog = $('<div></div>') .append($loading.clone()); var $link = $(this).one('click', function() { $dialog .load($link.attr('href')) .dialog({ title: $link.attr('title'), width: 600, height: 300 }); $link.click(function() { $dialog.dialog('open'); return...

Convert String to NSDate when using DatePicker and TextField

ios,swift,datepicker
I'm using a textfield that uses a datePicker instead of a keyboard. It displays the format as a string that looks like this 'May 31, 2015 at 12:30'(taken from the println(delivery.text) function.) I want to change the date to NSDate, so I can compare to current date. Any suggestions? @IBOutlet...

Select date from and date to in the same date-picker JQuery UI datepicker

javascript,jquery,jquery-ui,date,datepicker
I am currently building a multi-lingual search into my Umbraco site and I am having some trouble with the JQuery UI datepicker. When I have used this in the past, I was able to use a single field to allow the end user to select a range of dates however...

Formatting Date from JSON to Datepicker field

javascript,jquery,json,date,datepicker
After studying I've learned JSON has no standard date literal, which surprised me. I've checked my code and database and it looks like the problem I have is the JSON portion and getting that to appear as MM/DD/YYYY in the datepicker field. The start value of data.BoardStart is: "/Date(1454519004200)/" So...

jQuery DatePicker in combination with fullcalendar and jQuery dialog, mindate not working

jquery,jquery-ui,datepicker,fullcalendar
I have a form in my html code that is made into a popup using jQuery dialog, in this form I have an input field for 'enddate' that uses a jQuery DatePicker to enter data. I am trying to set the mindate of the jQuery datepicker to the date that...

Calendar with DatePicker always returns last month even if I add + 1

java,android,datepicker,calendar
I was trying to get Year-Month-Day from Calendar object, I know month start from index of 0. So I added +1 to month object. But still it gives me the last month from selection through date picker. Where I am going wrong? This is how I am trying. This is...