How to set maxViewMode in Bootstrap Datepicker (with JS Fiddle) - javascript

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

latest jquery ui no longer support datepicker select by year?

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
});

Could not enter date manually using jqxDateTimeInput

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.

Bootstrap datepicker not responding in IE8

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.

Not able to show icon in Trent Richardson datetime picker

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

How to use jQuery UI's datepicker in Apps Script's HTML Service?

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.

Categories

Resources