Skip to main content

Jquery Date Range – Restrict To and From Dates easily

Recently, I had a request from a client to have a datepicker that restricts dates based on the start date. Using Jquery Datepicker, I created a TO and FROM date, where by:

  • The Start date must be 14 days or more from today
  • The End date must be 7 days after the start date
  • The End date can only be maximum 28 days from today

To do this, I created two fields, one for the start date, one for the end date, then JQUERY did the rest.

To start, download JQUERY UI from here and include it in your project.

<label for="suspstartDatePicker">Start Date</label>
<input type="text" id="suspstartDatePicker" name="suspendfrom" class="form-control-lg" placeholder="Suspend start date">

<label for="suspendDatePicker">End Date</label>
<input type="text" id="suspendDatePicker" name="suspendto" class="form-control-lg" placeholder="Suspend end date">
                       

Then I added Jquery UI Datepicker in the footer of the page, below the JQUERY UI js script.

<script>
$("#suspstartDatePicker").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
minDate: '+14',
 
 
onSelect: function(selected) {
var date = $(this).datepicker('getDate');
var limit = $(this).datepicker('getDate');
 
date.setDate(date.getDate() + 7); // Add 7 days
limit.setDate(limit.getDate() + 35); // Add 7 + 28 days
 
 
 
$("#suspendDatePicker").datepicker("option", "minDate", date);
$("#suspendDatePicker").datepicker("option", "maxDate", limit);
 
 
$('#suspendDatePicker').val('');
}
});
 
$("#suspendDatePicker").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
multidate: true,
 
});	
</script>				

Hope this helps!

Complete installation and set up tutorial for Sendy with Amazon SES

Sendy is an affordable alternative to using the likes of Mailchimp, Campaign Monitor and other cloud based email marketing tools. If you find that you are sending thousands of emails per month and are looking to reduce your spending on email marketing, Sendy is your answer. Sendy isn’t necessarily as aesthetically pleasing and easy to use as some of the cloud solutions, but it is a self hosted solution which requires a one time fee (currently $59 USD) – it then uses Amazon SES to send emails and currently Amazon SES charges $0.10 per 1000 emails. Cool Huh?

Watch the below video and learn how to set it up completely.

Find out more about Sendy & Purchase


Simple WordPress User Restriction Tutorial without using Plugins

When you need to restrict users in WordPress, there are heaps of plugins you can download. Personally, I think too many plugins is a bad practice in WordPress, it can lead to “plugin bloat”, where your website can be slowed down and you’re reliant on too many plugins to make your site work.

In the video below, you will see how I manage user restrictions quite easily using a must use plugin in WordPress and a few minutes of my time.

Read More

Load an AJAX PHP file from WordPress

On my website, I have a caching plugin called WP Rocket, which is an awesome plugin, but one downside is that if you have dynamically generated content, it will be cached.
For example, on my website, I have a cool PHP widget that figures out the current time, and then displays a message based on the time. With caching, that plugin will no longer be dynamic because it will just show the result from the time that it was cached.

Read More

WordPress taxonomy terms and comments count showing zero after import

A client recently needed me to migrate a lot of posts and tags to WordPress from a different CMS.
After importing all of the tags and posts to WordPress, I noticed that If I went to the tags page, all of the tags were listed, but they were all showing as ‘0’ even though the tags were assigned to posts. This was specifically used for a custom post type and custom taxonomy.
Read More