Angular 6 Sort Array of object by Date
For recent first: this.data.sort((a, b) => new Date(b.date1).getTime() – new Date(a.date1).getTime()); For OlderFirst: this.data.sort((b, a) => new Date(b.date1).getTime() – new Date(a.date1).getTime());
javascript
Unable to `submit()` an html form after intercepting the submit with javascript
The reason for the error when trying to call form.submit() is that your submit button is called “submit”. This means that the “submit” property of your Form object is now a reference to the submit button, overriding the “submit” method of the form’s prototype. Renaming the submit button would allow you to call the submit() … Read more
Increasing the size of a bootstrap checkbox
I added classes like *-sm, *-md, *-lg, *-xl for the bootstrap switch. Here I made all resolutions switch with one @mixin ( @mixin is very similar to JS functions but it does not return anything ). For Bootstrap 4 custom-switch-sm, custom-switch-md, custom-switch-lg, custom-switch-xl SCSS: https://codepen.io/nisharg/pen/VwLbYvv CSS: https://codepen.io/nisharg/pen/mdJmywW LIVE SNIPPET (CSS) /* for sm */ .custom-switch.custom-switch-sm … Read more
Stop all playing iframe videos on click a link javascript
Try this way, <script language=”javascript” type=”text/javascript” src=”https://stackoverflow.com/questions/13598423/jquery-1.8.2.js”></script> <script language=”javascript” type=”text/javascript”> $(function(){ $(‘.close’).click(function(){ $(‘iframe’).attr(‘src’, $(‘iframe’).attr(‘src’)); }); }); </script>
how to add paragraph on top of div content
You may use prepend to add the paragraph at the top of the container: // HTML: <div><p>Lorem ipsum</p></div> $(‘div’).prepend(‘<p>Bla bla bla’); Update: Regarding your comment about how to fade in the paragraph – use fadeIn: $(“#pcontainer”).prepend($(‘<p>This paragraph was added by jQuery.</p>’).fadeIn(‘slow’)); A working demo: http://jsbin.com/uneso
Payload error in jsonwebtoken
It fails at the line const token = jwt.sign(user, config.secret, { With error “Expected “payload” to be a plain object” Your user object is initialized here: User.getUserByUsername(username, (err, user) Which I assume is mongoosejs object, which contains many methods and is not “serializable”. You could handle this by passing a plain object, by either using … Read more
Marker not showing @react-google-maps/api on localhost next.js
for react 18+ you have to import MarkerF instead of Marker and use in it as a tag(of course) import {MarkerF} from ‘@react-google-maps/api’ Source
Detecting data changes in forms using jQuery
You could bind the Change event for all inputs and flag a variable as true. Like this. var somethingChanged = false; $(document).ready(function() { $(‘input’).change(function() { somethingChanged = true; }); }); But, keep in mind that if the user changes something, then changes back to the original values, it will still be flagged as changed. UPDATE: … Read more
Get index of a key in json
Its too late, but it may be simple and useful var json = { “key1” : “watevr1”, “key2” : “watevr2”, “key3” : “watevr3” }; var keytoFind = “key2”; var index = Object.keys(json).indexOf(keytoFind); alert(index);
Allow only numbers and dot in script
This is a great place to use regular expressions. By using a regular expression, you can replace all that code with just one line. You can use the following regex to validate your requirements: [0-9]*\.?[0-9]* In other words: zero or more numeric characters, followed by zero or one period(s), followed by zero or more numeric … Read more