https://github.com/logisticinfotech/simple-jquery-widget

Simple Jquery Widget Example
https://github.com/logisticinfotech/simple-jquery-widget

Last synced: 5 months ago
JSON representation

Simple Jquery Widget Example

• Host: GitHub
• URL: https://github.com/logisticinfotech/simple-jquery-widget
• Owner: logisticinfotech
• Created: 2018-07-05T09:55:38.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-07-28T09:53:30.000Z (almost 8 years ago)
• Last Synced: 2025-02-21T22:32:35.430Z (over 1 year ago)
• Language: HTML
• Size: 146 KB
• Stars: 1
• Watchers: 4
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# simple-jquery-widget

Simple Jquery Widget Example

## Introduction

To use jquery in object oriented way only option is jquery ui widget. By which we can make individual component and use it repetedly just like jquery ui calender, slider and drag-drop.

We have created small component for demo purpose it's just doing addition/subtraction in calendar like control for input field.

You can find step by step guide from [this blog](https://www.logisticinfotech.com/blog/jquery-ui-widget-simple-yet-elegant-example)

Here is how it's looking

![alt text](https://www.logisticinfotech.com/wp-content/uploads/2018/07/jquery-simple-widget.gif

 "JQuery simplest widget")

## How to use

```javascript

$("#element").mywidget({

   myvalue: 0 // Set value at initial

});

```

## Required

- Bootstrap

- jquery-ui

## More Details

[Blog](https://www.logisticinfotech.com/blog/jquery-ui-widget-simple-yet-elegant-example")