I have a simple installation of Bootstrap Datepicker:
HTML:
<div id="datepicker"></div>
JS:
$("#datepicker").datepicker( {minViewMode: "days", maxViewMode: "days"});
I am trying to disable the user's ability to switch to month view (achieved by clicking on the month title). I have set maxViewMode to days as per the docs, but it doesn't work.
JS Fiddle here.
Where am I going wrong? Is this a bug?
You are using Bootstrap Datepicker version 1.4.0. Option maxViewMode is added in version 1.5.0 (not released yet).
Official docs for version 1.4.0
Related
Good day,
In my old jQuery, my datepicker is allow to select by year, I checked the code, its control by a jQuery css class call ui-datepicker-new-year. This class is located at ui.datepicker.css, and being call in ui.datetimepicker.min.js.
Its look like this:
I upgrade my jQuery version to 1.12.1. And found that the class ui-datepicker-new-year no longer exists in the jquery-ui.js and jquery-ui.css file. Thus, my datepicker no longer can select by year like above picture.
Would like to ask, is it any other ways that I can call the year selection in the latest jQuery UI? Or the latest jQuery UI no longer support year selection?
You can try this to show change year dropdown
$("#datepicker" ).datepicker({
changeMonth: true,
changeYear: true
});
We are using jqxWidgets as a part of UI in our project.
To display the date we are jqxDateTimeInput widget.
The problem here is we could not manually input the date without using calendar icon. But in the demo shown in jqxwidget website in the link below the date can be edited manually.
http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxdatetimeinput/index.htm#demos/jqxdatetimeinput/defaultfunctionality.htm
Does anyone what should be done to make the date field to be edited manually?
Is there any license restriction on this?
We are yet to get the license and now we are using trial version.
- JS extract:
$("#fromDate").jqxDateTimeInput({
width : 200,
height : 25,
formatString : "dd/MMM/yyyy",
theme: theme
});
Same problem, adding globalize.js helped
I had the same problem here. I spend a lot of hours to fix it, but I got it! I had 2 calls of jQuery: one in the main file, with 1.9.1 version and another in my grid file, with 1.10.2 version. After removing the call of 1.9.1 version, I solved the problem. Check your jQuery calls and try again.
I have similar issue like in Bootstrap Datepicker Not Working .I followed the solution of putting datepicker code in document.ready() as
$(function(){ $('#datepicker').datepicker(); });
But,still on clicking datepicker icon, it is showing "Stop script running..." pop up.I am using jquery 1.8.3 version with bootstrap version 2.1.1.It is working fine in Jquery version 1.8.1.what change needs to be done for jquery version 1.8.3
This was a bug in the original release in September 2012. Coders have since forked the project and made fixes/improvements - one of them being this IE 7/8 bug...
https://github.com/eternicode/bootstrap-datepicker/issues/144
Essentially, download the latest Master build contents and you should be good to go.
Here is working example in jsFiddle.
The icon shows only when I am using jQuery UI 1.8.18, if I am using the latest version which is jQuery UI 1.8.21, then the icon won't show up?
Is there a bug or am I missing something?
The Trent datetime picker documentation is here.It says "In addition all datepicker options are still available through the timepicker addon."
Thanks.
Error: $("#from-datetime").datetimepicker is not a function
Source File: http://fiddle.jshell.net/_display/
Line: 73
It's just a datepicker not datetimepicker
Datetimepicker is another jquery plugin, may be it's not compatible with newest JUI
Working example
http://jsfiddle.net/uDVwx/3/
The point is you have to call in this order: jquery, jquery ui, jquery addons. But as I look at the console debug, there is an error with datetime picker addon and jquery ui 1.8.21
I've managed to display the calendar in the UI, but I can't make it react to any events. I've tried
$(function() {
$('#datepicker').datepicker({
onSelect: function(dateText, inst) {alert(dateText); }
});
});
but it doesn't work... Please help
Looks like a bug to me. Issue filed with Caja as issue 1496.
Update: turns out this is a jQueryUI bug, which is fixed in the latest jQuery revision but not the official stable revision (8.22). If you find a link to a version >= 8.22 hosted somewhere it should work although it will be slowish. We will get the update as soon as jQueryUI releases a new stable branch.