Skip to content

Commit

Permalink
Revert "Revert "Improvement in TouchHold & Mousehold Incr/Decr""
Browse files Browse the repository at this point in the history 
This reverts commit 9cb801b.
  • Loading branch information
@nehakadam
nehakadam committed Aug 13, 2016
1 parent c0e5fac commit fad8366
Show file tree
Hide file tree
Showing 58 changed files with 458 additions and 110 deletions.
2 changes: 1 addition & 1 deletion DateTimePicker.jquery.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@

"docs": "http://curioussolutions.github.io/DateTimePicker/",

"version": "0.1.31",
"version": "0.1.32",

"licenses": [
{
Expand Down
2 changes: 1 addition & 1 deletion bower.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@
"input"
],

"version": "0.1.31",
"version": "0.1.32",

"homepage": "http://curioussolutions.github.io/DateTimePicker/",

Expand Down
74 changes: 74 additions & 0 deletions demo/Events-MouseHold.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!DOCTYPE html>

<html>

<head>

<title>TouchHold Gesture Example</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" type="text/css" href="../src/DateTimePicker.css" />

<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="../src/DateTimePicker.js"></script>

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../src/DateTimePicker-ltie9.css" />
<script type="text/javascript" src="../src/DateTimePicker-ltie9.js"></script>
<![endif]-->

<style type="text/css">

p
{
margin-left: 20px;
}

input
{
width: 200px;
padding: 10px;
margin-left: 20px;
margin-bottom: 20px;
}

</style>

</head>

<body>

<p>Date : </p>
<input type="text" data-field="date" readonly>

<p>Time : </p>
<input type="text" data-field="time" readonly>

<p>DateTime : </p>
<input type="text" data-field="datetime" readonly>



<div id="dtBox"></div>



<script type="text/javascript">

$(document).ready(function()
{
$("#dtBox").DateTimePicker({

captureMouseHold: true,

mouseHoldInterval: 10

});
});

</script>

</body>

</html>
0 demo/Mobile-TouchHold.htm → demo/Events-TouchHold.htm
View file
File renamed without changes.
12 changes: 12 additions & 0 deletions demo/index.htm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -201,6 +201,10 @@ <h2 class="doc-header">DateTimePicker</h2>
DateTimePicker View selected based on Document Width
</a>

<a href="View-Inline.htm">
DateTimePicker Inline View
</a>

<a href="Internationalization.htm">
Internationalization
</a>
Expand All @@ -216,6 +220,14 @@ <h2 class="doc-header">DateTimePicker</h2>
<a href="AngularJS/BasicDatePicker-AngularJS.htm">
DateTimePicker with Angular JS
</a>

<a href="Events-TouchHold.htm">
Increment/Decrement with hold of Increment/Decrement buttons for touch devices
</a>

<a href="Events-MouseHold.htm">
Increment/Decrement with hold of Increment/Decrement buttons
</a>

</div>

Expand Down
144 changes: 144 additions & 0 deletions demo/jQueryUI-Tabs/BasicDateTimePicker-jQueryUI-ElementsGroup.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,144 @@
<!DOCTYPE html>

<html>

<head>

<title>DateTime Picker</title>

<link rel="stylesheet" type="text/css" href="jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="jquery-ui.theme.min.css" />
<link rel="stylesheet" type="text/css" href="../../src/DateTimePicker.css" />

<script type="text/javascript" src="../jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="jquery-ui.min.js"></script>

<script type="text/javascript" src="../../src/DateTimePicker.js"></script>

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../../src/DateTimePicker-ltie9.css" />
<script type="text/javascript" src="../../src/DateTimePicker-ltie9.js"></script>
<![endif]-->

<style type="text/css">

p
{
margin-left: 20px;
}

input
{
width: 200px;
padding: 10px;
margin-left: 20px;
margin-bottom: 20px;
}

</style>

</head>

<body>

<div id="tabs">

<ul>
<li><a href="#datepicker-tab">Date Picker</a></li>
<li><a href="#timepicker-tab">Time Picker</a></li>
<li><a href="#datetimepicker-tab">DateTime Picker</a></li>
</ul>


<div id="datepicker-tab">

<p>Date : </p>
<input type="text" data-field="date" readonly>

</div>

<div id="timepicker-tab">

<p>Time : </p>
<input type="text" data-field="time" readonly>

</div>

<div id="datetimepicker-tab">

<p>DateTime : </p>
<input type="text" data-field="datetime" readonly>

</div>

</div>


<div id="dtBox-datepicker"></div>

<div id="dtBox-timepicker"></div>

<div id="dtBox-datetimepicker"></div>


<script type="text/javascript">

var objDatePicker, objTimePicker, objDateTimePicker;

$(document).ready(function()
{
$("#tabs").tabs();

$("#dtBox-datepicker").DateTimePicker({

isPopup: false,

parentElement: "#datepicker-tab",

init: function()
{
objDatePicker = this;
}

});

$("#dtBox-timepicker").DateTimePicker({

isPopup: false,

parentElement: "#timepicker-tab",

init: function()
{
objTimePicker = this;
}

});

$("#dtBox-datetimepicker").DateTimePicker({

isPopup: false,

parentElement: "#datetimepicker-tab",

init: function()
{
objDateTimePicker = this;
}

});

console.log("DatePicker : ");
console.log(objDatePicker);
console.log("TimePicker : ");
console.log(objTimePicker);
console.log("DateTimePicker : ");
console.log(objDateTimePicker);
});

</script>

</body>

</html>
108 changes: 108 additions & 0 deletions demo/jQueryUI-Tabs/BasicDateTimePicker-jQueryUI.htm
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
<!DOCTYPE html>

<html>

<head>

<title>DateTime Picker</title>

<link rel="stylesheet" type="text/css" href="jquery-ui.min.css" />
<link rel="stylesheet" type="text/css" href="jquery-ui.theme.min.css" />
<link rel="stylesheet" type="text/css" href="../../src/DateTimePicker.css" />

<script type="text/javascript" src="../jquery-1.11.0.min.js"></script>

<script type="text/javascript" src="jquery-ui.min.js"></script>

<script type="text/javascript" src="../../src/DateTimePicker.js"></script>

<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="../../src/DateTimePicker-ltie9.css" />
<script type="text/javascript" src="../../src/DateTimePicker-ltie9.js"></script>
<![endif]-->

<style type="text/css">

p
{
margin-left: 20px;
}

input
{
width: 200px;
padding: 10px;
margin-left: 20px;
margin-bottom: 20px;
}

</style>

</head>

<body>

<div id="tabs">

<ul>
<li><a href="#datepicker-tab">Date Picker</a></li>
<li><a href="#timepicker-tab">Time Picker</a></li>
<li><a href="#datetimepicker-tab">DateTime Picker</a></li>
</ul>


<div id="datepicker-tab">

<p>Date : </p>
<input type="text" data-field="date" readonly>

</div>

<div id="timepicker-tab">

<p>Time : </p>
<input type="text" data-field="time" readonly>

</div>

<div id="datetimepicker-tab">

<p>DateTime : </p>
<input type="text" data-field="datetime" readonly>

</div>

</div>


<div id="dtBox"></div>


<script type="text/javascript">

var objDateTimePicker;

$(document).ready(function()
{
$("#tabs").tabs();

$("#dtBox").DateTimePicker({

isPopup: false,

init: function()
{
objDateTimePicker = this;
}

});

console.log("DateTimePicker : ");
console.log(objDateTimePicker);
});

</script>

</body>

</html>
Binary file added demo/jQueryUI-Tabs/images/ui-icons_444444_256x240.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demo/jQueryUI-Tabs/images/ui-icons_555555_256x240.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demo/jQueryUI-Tabs/images/ui-icons_777620_256x240.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demo/jQueryUI-Tabs/images/ui-icons_777777_256x240.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demo/jQueryUI-Tabs/images/ui-icons_cc0000_256x240.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added demo/jQueryUI-Tabs/images/ui-icons_ffffff_256x240.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 7 additions & 0 deletions demo/jQueryUI-Tabs/jquery-ui.min.css
View file

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions demo/jQueryUI-Tabs/jquery-ui.min.js
View file

Large diffs are not rendered by default.

Loading

0 comments on commit fad8366

Please sign in to comment.