Is it possible set minTime on Angularjs bootstrap timepicker directive - javascript

We had been using jquery ui for datepicker and timepicker for some time now. We recently started using angularjs, it allows for two way binding and it has reduced lot of code. I use the ang. bootstrap timepicker directive, it works fine. But is there any way to set minTime and maxTime attribute where timepicker allows user to pick time after 9 am and below 5pm.
I appreciate any help.

This feature is available in the latest angular bootstrap - min & max attributes

Related

Materialize CSS Datepicker is not working properly

Every Javascript's Materialize CSS Componenet is working fine except my datepicker, it does not show datepicker properly, different with the documentation. Here is my datepicker :
How to fix this?

Allow alternate input formats in Angular UI datepicker

Angular UI datepicker altInputFormats does not allow formats that I need. I want to avoid using jQuery.
I need users to be able to input things like:
10JUN16
10JUN2016
AUGUST12
06/12 = June 12th, current year
06-10
061016
But the uibDateParser does not have compatible format codes.
I found a similar issue here but the advice was to change the source code which I'd prefer not to mess with. I'm thinking that some kind of parser in my Angular controller might help?
Any ideas? Here is a plunker I've been playing with
where I have
$scope.altInputFormats = ['M!/d!/yyyy', 'dd.MM.yyyy', 'dd-MMM-yy', 'dd-MMM-yyyy', 'd!-M!-yy'];
But the others won't work.
http://plnkr.co/edit/yNERf1jrtThVvJ1SBjBY?p=preview

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

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

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.

Is there a good JS ranged datepicker control out there?

I'm looking for a JS control that provides a similar experience to the datepicker on Google Analytics
You could try the jQueryUI datepicker, it's very effective and easy to set up.
http://jqueryui.com/demos/datepicker/
There is also an extension for the date picker from JqueryUI and a tutorial here:
http://weblogs.asp.net/alaaalnajjar/archive/2010/05/04/how-to-use-jquery-date-range-picker-plugin-in-asp-net.aspx

Categories

Resources