jQuery Week Day Picker – English and Arabic Day Picker

Here is a lightweight and simple jQuery week day picker plugin to select a day in input. It uses jQuery UI to get better format. The plugin supports both English and Arabic days to pick. It is useful to select/insert a single day.

Moreover, the plugin “dayPicker”, can be fully customize with additional CSS accordion to your needs.

Plugin Overview

Plugin: dayPicker
Author: Ahmed Moosa
Licence: MIT Licence
Published: January 17, 2024
Repository: Fork on GitHub
Dependencies: jQuery 1.9.1 or Latest version and jQuery UI 1.2.1 or Latest version,
File Type: zip archive (HTML, CSS & JavaScript )
Package Size: 150 KB

How to Use jQuery Week Day Picker

1. After downloading this project, include the day picker’s all necessary assets (from project directory) into your HTML document.

<link href="css/le-frog/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="js/dayPicker-Plugin.js" type="text/javascript"></script>

2. After that, create an input element in which picked day will be insert.

<input type="text" name="name" class="day" />

3. Finally, initialize the plugin in jQuery document ready function.

$(document).ready(function () {

   $(".day").dayPicker({ lang: 'en' });

});

4. To create Arabic day picker, define “ar” in lang option.

$(".day").dayPicker({ lang: 'ar' });

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

About CodeHim

Free Web Design Code & Scripts - CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code & scripts. All codes published on CodeHim are open source, distributed under OSD-compliant license which grants all the rights to use, study, change and share the software in modified and unmodified form. Before publishing, we test and review each code snippet to avoid errors, but we cannot warrant the full correctness of all content. All trademarks, trade names, logos, and icons are the property of their respective owners... find out more...