How can I set default today date using datepicker with jQuery? - javascript

I am using the jQuery datepicker(http://keith-wood.name/datepick.html) and I would like to set today's date on the calendar to a date of my choosing that never changes rather than take the system date as today's date. How can I set that up?

Use defaultDate option.
For example in order to set default date to week ago:
$.datepick.setDefaults({defaultDate: -7});

I believe he has an example under the default date tab on the link you provided. Am I mistaken?

Related

Using Multiple JQuery-ui datepickers on same page with multiple languages (English, Japanese)

I am using 2 datepickers on the same page with 2 languages(English, Japanese). The first time when I select the date in both date datepicker then it's working properly but second, the third time I select the date from Japanese and then I try to click & select date from English datepicker it shows Japanese characters for weekdays & month. It should show appropriate fonts for each language datepickers. Please help me to find out solution. Thanks in advance.
If you provide your code, we may be better able to help.
But according to the docs at https://api.jqueryui.com/datepicker/ you can specify the locale / language per picker in the setup parameters.
e.g.
$( selector ).datepicker( $.datepicker.regional[ "fr" ] );

Is there any way to fill the empty week days cells(previous and next months) in mat-datepicker and mat-calendar

I'm setting a calendar to Help users to select dates, but i want to fill the empty cells at the start of the first week with the previous and next months
I'm using the Datepicker from Angular Material.
hrer is a picture link explains more :
https://i.imgur.com/cCDSBsH.png
According to their API, you can't.
You need to create your own custom calendar.

free-jqgrid with bootstrap and datepicker issue

I am using demo sample located https://jsfiddle.net/OlegKi/90qmjean/3/
Some reason datepicker is not rendering? also i need to set dateformat to
ISO8601Long:"Y-m-d H:i:s"
But with original date formatter shows selected date as 'Y-3-14 H:i:s'
see the screenshot for details:enter image description here
The problem, which you described in comments above, is the following: you are wonder why the Bootstrap datetimepicker, used in the demo http://jsfiddle.net/OlegKi/duooa5oy/1/, don't close the calendar window after choosing the date.
First of all, I want to stress, that it's the default behavior of the Bootstrap datetime picker. You can try any demo on the page http://eonasdan.github.io/bootstrap-datetimepicker/ to verify that. The reason of the behavior is easy to understand. The datetimepicker allows to change the time and not only the date. The corresponding control contains 4 buttons, which increase/decrease the time via click on the buttons. I marked the buttons on the picture below:
Thus, what you probably want is closing of the datetimepicker if the date (and not the time) is changed. One can implement the requirements by adding the following lines in the demo:
$(el).bind("dp.change", function (e) {
if (e.date.dayOfYear() !== e.oldDate.dayOfYear()) {
$(this).data("DateTimePicker").hide();
}
});
See the modified date http://jsfiddle.net/OlegKi/duooa5oy/7/
It looks like when i updated boostrap-datepicker to latest version, it worked.

jquery ui dateinput alternative field

I am using jquery ui dateinput and i am showing the calendar when the user clicks a small image. In the calendar i have set the selectors to true, so it also shows months and years. What i want, is to pass the chosen date into a textbox as a value.
I did this so far.
$("img[id='CalIcon']").data("dateinput").onHide(function(e){
var dt = $("img[id='CalIcon']").data("dateinput").getValue('dd-mm-yyyy');
$('#relativeDOB').attr({value:dt});
});
The problem is that whatever year or month i am choosing is passing only the current. The day works fine.
Any ideas?
thanks

How to disable dates after current date in javascript calender

I want to disable the dates after the current date in my program.
I have a date picker written in JavaScript.
My JavaScript code:
Click here to view my JavaScript code.
Please help me in making necessary changes so as to disable the future date, i.e dates up to current date are only to be displayed.
Is it too late to switch to jQuery and jQuery UI? The jQuery UI Datepicker provides this functionality easily:
$(function() {
$('#datepicker').datepicker({ maxDate: 0 });
});
http://jqueryui.com/demos/datepicker/#min-max

Categories

Resources