Could not enter date manually using jqxDateTimeInput - javascript

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.

Related

'content' not Available for ui.Popup

Im using rappid for my current project.
Im trying to use ui.Popup for my element.
But for i don't know why, the 'content' option is not available for me.
In the docs, it said it need the content option for the contents.
https://resources.jointjs.com/docs/rappid/v3.4/ui.html#ui.Popup
But, when i press ctrl+space to see the available options, it doesnt have content. and if i add it manually, it just gives me error.
here's the picture, cant post picture coz its the first time i post a question:
[https://i.ibb.co/nf6Zz1h/error.png][1]
Do i need to use other options that listed in the option? is the doc not updated?
Thanks!
This was a TypeScript bug as the types were not provided for ui.Popup in version 3.4. It has been fixed in version 3.5, so you should not get the same error.
A temporary fix for version 3.4 is adding //#ts-ignore above the line where the TypeScript error is.

New JQuery 3 Not Working Correctly w/ Bootstrap?

I'm making this post as I've been having this issue, and I'd like to make light of it. Perhaps others are having it, or can say whether my situation is a unique case. I recently downloaded the new version of jQuery (3.0.0) and linked it to a current project I'm working on. My Bootstrap dropdown / collapsing navbar would NOT work until I switch to an older version of Jquery (1.12.4.)
Has anyone else noticed something like this or had a similar issue?
Bootstrap 3 is not compatible with jQuery 3. You can use the latest v2 jquery though.

Fullcalendar 2.0.2 change cells background

I am currently searching a solution to change cells background in fullcalendar depends on availability or holidays for example.
I found several solutions:
- elhigu/fullcalendar on github (+)
- lcrodriguez/fullcalendar on github (+)
But they are for older versions of fullcalendar.
I also found this solution, :
https://stackoverflow.com/a/24375088/3641008
I would like to know if someone have another solution or plugin for 2.0.2 version.
I tried using the file found at the end here : https://code.google.com/p/fullcalendar/issues/detail?id=144.. but no success..
I am pretty new to librairy or plungin use.
Thanks for your help.
(+) Sorry I cannot post more than 2 links
EDIT
I finally got fullcalendar annotations (link) working with fullcalendar 1.6.4.
But I really need that fullcalendar2.0.2 (or higher) works.
This is what I did on mine:
I set the eventRender
eventRender: function (event, element, icon) {
if (isHoliday) {//do your own validation
element.find('.fc-event-title').append("<span class='ultra-light'> is a holiday</span>");
}
},
Of course once you find the element.find('.fc-event-title') you can append css or do whatever else you want to do it.

CKeditor radio vertical

I am trying to make the radio button vertical using CKEditor's 4 api.
I saw this ticket from the official website, but in my version of CKEditor I don't have the Dialogui folder since it's an optimized version. I have then dowloaded a source version form the builder but when i use this version my custom plugins aren't working anymore. I get those kind of error for a piece of code which I know is correct.
TypeError: CKEDITOR.dialogCommand is not a constructor
editor.addCommand( 'lien' , new CKEDITOR.dialogCommand( 'lienDialog',{ allowedContent: 'a[title,!href,id,onclick,target]'
} ) );
so my question is how can I make my radio buttons vertical using the optimized version of CKEditor ?
ok well I found in the optimized code the line to change to make it work : it's at line 434 more or less depend of version I think i just change this
new CKEDITOR.ui.dialog.hbox(b,e,d,h);
by this
if(a.labelLayout=='vertical')new CKEDITOR.ui.dialog.vbox(b,e,d,h);else new CKEDITOR.ui.dialog.hbox(b,e,d,h);
hope it could help someone.

Good jQuery Autocomplete that is not part of jQuery UI?

Is there a good alternative to jQuery UI autocomplete?
I couldn't find one on the internet. jQuery UI is far too big for just using the autocomplete, and I don't want to roll yet another autocomplete on my own.
Answer: jQuery UI custom build for just autocomplete is 23,052 bytes. SO uses the original Zaefferer version that was adapted into jQuery UI autocomplete. I guess if it's good enough for SO, it's good enough for me, forked it from agarzola on GitHub.
A Google search for 'jquery autocomplete' produced this DevBridge one (and all the others):
http://www.devbridge.com/projects/autocomplete/jquery/
This is also the most highly upvoted non-accepted answer in the possible duplicate of this question.
You can download a customized version of jQuery UI with just the components you need from http://jqueryui.com/download. Click Deselect all components then click the checkbox next to Autocomplete. The resulting minified js file is 20 KB uncompressed.
The jQuery official plugin :
http://docs.jquery.com/Plugins/autocomplete
Select2 jQuery plugin that turn select into autocomplete input+list :
http://ivaynberg.github.io/select2/
Chosen jQuery plugin, same thing but from a different author :
http://harvesthq.github.io/chosen/
Jörn Zaefferer jQuery plugin :
http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/
Yahoo YUI :
http://developer.yahoo.com/yui/autocomplete/
Selectize.js (jQuery-based) :
https://selectize.github.io/selectize.js/
Twitter Typeahead :
https://twitter.github.io/typeahead.js/
See https://github.com/agarzola/jQueryAutocompletePlugin/blob/master/jquery.autocomplete.js
You can download a custom version of jQuery UI that only includes the autocomplete module:
http://jqueryui.com/download
3 year old question this but since it comes 2nd on Google results for "best jquery-ui autocomplete alternative" I believe it's worth placing a link here for twitter's Typeahead implementation: http://twitter.github.io/typeahead.js/
Slightly annoying that you might need the Hogan templating engine to make it work (adding a few more kb's to the load), but if you invest the time to read the docs it will be worth it.
I replaced my "location lookup" jquery UI implementation after 30 mins of perusing the docs with the (simplified) code structure below:
$('.location_text_field').typeahead({
name : 'locations',
remote : {
url : "/get_locations.php",
filter : function (response) {
return response.locations;
}
},
template : '<p>{{{label}}}</p>',
engine : Hogan
}).on({
// When the user selects a location do something clever
'typeahead:selected' : function (e, datum) {
// Doing something clever here....
},
// Reset the cleverness above if the user changed
// the text of the field manually on his own
'keyup' : function () {
// Reset cleverness
}
});
... and it works like a charm.
I was just looking for an alternative myself and found this
https://github.com/onigoetz/jquery.autocomplete
It uses jQuery, but not jQuery UI. It is size conscious, and it compatible with jQuery UI. Its "forked from agarzola/jQueryAutocompletePlugin" on github.
It may not have the backing of the well known jQuery UI implementation, but I tested it, and right now it seems to be everything advertised.

Categories

Resources